我试图制作一个Phonegap应用程序,它具有一个简单的登录窗体,它应该理想地连接到一个PHP窗体并检索用户角色。PHP MYSQL JSON Phonegap登录应用程序
我想澄清以下几点:
- 我的登录页面,用PHP编写的正常工作。
当给予适当的凭证获取参数,它返回正确的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字符串,我打算只弹出的警告,截至目前。
但是,单击按钮确实没有任何作用。
我现在硬编码的用户名和密码,但可以并将在稍后的领域采取它。不过,在我这样做之前需要先测试一下。请帮助我哪里错了。
http://www.stackoverflow.com/questions/25528109/login-with-phonegap-ajax-php-and-mysql-not-working?rq=1 – kritya