使用Ajax的PhoneGap身份验证

我正在开发一个带有PhoneGap的Andorid应用程序，我正在尝试进行身份验证。我有一个HTML文件的简单形式，在活动中点击一个JS文件前人的精力启动激活了autentication远程服务器上的PHP文件中的阿贾克斯，这里是JS：使用Ajax的PhoneGap身份验证

$("#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 *" />

3210：

<?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>

来源

2016-05-25 Marco Cuccagna

请同时发布您的config.xml和index.html的''部分，特别是内容安全策略元标记。这些的正确配置可能是一个因素。 –

@MarcoCuccagna编辑您的文章与此信息 – piterio

你有没有在控制台中的任何错误？您可以转到网络部分并查看您要发送的请求。但有了这个尝试：

$("#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;});

来源

2016-05-25 17:00:17 piterio

我试过了，但结果是一样的，控制台说，它无法找到jquery脚本，但链接是正确的 –

@MarcoCuccagna你应该尝试使用另一个URL。我的控制台说： 'XMLHttpRequest无法加载http：//％40 @ /。只有协议方案支持跨源请求：http，data，chrome，chrome-extension，https，chrome-extension-resource.'您可以搜索关于此错误的一些信息 – piterio

显然，这是一个安全问题，如果我在一个远程服务器上运行它，它是显示一个XMLHttpRequest的问题：“跨起源请求只支持协议方案：HTTP，数据，镀铬，镀铬-extension，https，chrome-extension-resource，“。如果我通过phonegap开发人员工具运行它。

来源

2016-05-26 09:51:17

使用Ajax的PhoneGap身份验证

回答

相关问题