Question

我正在尝试制作一个Phonegap应用程序，它有一个简单的登录表单，理想情况下应该连接到PHP表单，并检索用户角色。

我想澄清以下事项：

我用PHP编写的登录页面工作正常。
当获得Get参数的正确凭据时，它会返回正确的JSON标记：
```
{"update":true,"msg":"","role":"admin"}
```

这是我的Phonegap App 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>

应用程序应该如何执行，当我单击按钮时，它调用jquery代码，该代码生成对php文件的AJAx请求并检索JSON字符串，我打算仅作为警报弹出，截至目前。

但是，点击该按钮绝对没有任何效果。

我现在正在硬编码用户名和密码但是可以并且稍后会从字段中获取它。在我这样做之前需要先测试一下。请帮助我在哪里出错。

Answer 1

注意：如果您包含了所收到的错误，或者您的代码未按预期运行的方式的说明，那将会有很大帮助。

话虽这么说，我可以在该代码中立即看到的唯一错误是您的url参数格式不正确。而不是：

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

应该是这样的：

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

Answer 2

如果没有发生任何问题，那么问题在于click函数，否则ajax调用会显示错误。我说尝试摆脱$（document）.ready（function（）并将js / jquery-2.1.4.min.js放在头部（顺便说一下，它没有起始标记。）

PHP MYSQL JSON Phonegap登录应用程序

2 个答案: