基于Ajax的PhoneGap认证

Question

我正在用PhoneGap开发一个安道尔应用程序，我正在尝试做一个修改。我在HTML文件中有一个简单的表单，在事件中的JS文件中，单击file启动Ajax来激活远程服务器中的PHP文件以进行编辑，下面是JS：

$("#login").click(function(){
var username=$("#username").val();
var password=$("#password").val();
var dataString="username="+username+"&password="+password;
   
   $.ajax({
        type: "POST",
        url: "http://@@##.altervista.org/test.php",
        data: dataString,
        beforeSend: function(){ $("#login").html('Connecting...');},
        success: function(responce){
            if(responce=='success')
            {
                localStorage.login="true";
                localStorage.username=username;
                window.location.href = "index.html";
            }
            else
            {
                alert("Login error");
                $("#login").html('Login');
            }
        }
    });
return false;});

PHP文件是一个简单的回声“成功”。当我运行它时，它仍然停留在函数beforeSend中。

security-policy

<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" />

config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.phonegap.helloworld" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">
    <name>Hello World</name>
    <content src="index.html" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="android-minSdkVersion" value="14" />
    <plugin name="cordova-plugin-battery-status" source="npm" spec="~1.1.1" />
    ****some plugin, icon and splash that i need***    
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <engine name="android" spec="~5.1.1" />
</widget>

Answer 1

显然这是一个安全问题，如果我在远程服务器上运行它，就会显示出xmlhttprequest问题：“只支持协议方案的跨源请求: http、数据、铬、铬扩展、https、铬扩展-资源，”。如果我通过phonegap开发工具运行它，它就能工作。

Answer 2

控制台中有错误吗？您可以转到“网络”部分，查看正在发送的请求。但是试着用这个：

$("#login").click(function(){
var username=$("#username").val();
var password=$("#password").val();
var dataString="username="+username+"&password="+password;

   $.ajax({
        type: "POST",
        url: "http://@@##.altervista.org/test.php",
        data: {username: username, password: password},
        beforeSend: function(){ $("#login").html('Connecting...');},
        success: function(responce){
            if(responce=='success')
            {
                localStorage.login="true";
                localStorage.username=username;
                window.location.href = "index.html";
            }
            else
            {
                alert("Login error");
                $("#login").html('Login');
            }
        }
    });
return false;});