2015-07-11 60 views
0

我试图制作一个Phonegap应用程序,它具有一个简单的登录窗体,它应该理想地连接到一个PHP窗体并检索用户角色。PHP MYSQL JSON Phonegap登录应用程序

我想澄清以下几点:

  1. 我的登录页面,用PHP编写的正常工作。
  2. 当给予适当的凭证获取参数,它返回正确的JSON标签:

    {"update":true,"msg":"","role":"admin"} 
    

这里是我的PhoneGap应用程序的HTML代码。请帮助我在哪里出错。假设用户名是用户名,密码是密码。

<!DOCTYPE html> 
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 
     <link rel="stylesheet" type="text/css" href="css/index.css" /> 
     <title>Hello World</title> 
    </head> 
    <body> 
     <div class="app"> 
      <form> 
     <input id="username" name="username"placeholder="Email"></input> 
     <input id="password" name="password"type="password" placeholder="Password"></input> 
     <input type="button" value="Login" id="btnLogin"/> 
    </form> 
<div id="myDate"></div> 
     </div> 
     <script type="text/javascript" src="cordova.js"></script> 
     <script type="text/javascript" src="js/index.js"></script> 
     <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> 
     <script> 
$(document).ready(function() 
{ 
$("#btnLogin").click(function() 
{ 
    $("#myDate").text("Reached Here"); 
    $.ajax({ 
url:"https://myurl.com/api-file.php", 
type:"GET", 
dataType:"json", 
data:{username:"username",password:"password"}, 
ContentType:"application/json", 
success:function(response) 
{ 
    alert(JSON.stringify(response)); 
}, 
error: function(error) 
{ 
    alert(JSON.stringify(error)); 
} 
}) 
}); 
}); 
    </script> 

    </body> 
</html> 

如何在App应执行的,当我按一下按钮,它会调用jQuery代码,生成一个Ajax请求的PHP文件,并检索一个JSON字符串,我打算只弹出的警告,截至目前。

但是,单击按钮确实没有任何作用。

我现在硬编码的用户名和密码,但可以并将在稍后的领域采取它。不过,在我这样做之前需要先测试一下。请帮助我哪里错了。

+0

http://www.stackoverflow.com/questions/25528109/login-with-phonegap-ajax-php-and-mysql-not-working?rq=1 – kritya

回答

0

如果什么也没发生,那么问题是点击功能,否则AJAX调用会显示错误。我说试着摆脱$(document).ready(function()并将js/jquery-2.1.4.min.js放在头部(顺便说一句,没有起始标签)。

+0

这工作完美。谢谢。 –

0

注意:如果您包含您收到的错误或您的代码未按预期运行的方式说明,这将有很大帮助。

这就是说,我可以立即在代码中看到的唯一错误是您的url参数格式不正确。取而代之的是:

url:https:"//myurl.com/api-file.php", 

它应该是这样的:

url:"https://myurl.com/api-file.php", 
+0

我同意你的声明,所以重新编辑这个问题。确实是错误的,但显然,纠正这似乎并没有帮助。也更新了新的代码。更多的建议? –