Question

出于某种原因，$ .ajax（）没有被调用。它正在检测$（“＃login”）。submit（）函数，因为我确实在那里有警报并且调用了它。

我使用http://build.phonegap.com来构建文件而不是构建文件。

我看到这种情况突然冒出来了。但是，那里的解决方案都没有帮助我。我有这段代码：

signin.js：

$(window).load(function() {


$('#login').submit(function(e){
    e.preventDefault();
    obj = $(this);
    un = $("input[name='user']").val();
    pass = $("input[name='pass']").val();
    $.ajax({
        url: https+"getUserDetails",
        data: {
            username: un,
            password: pass
        },
        dataType: "jsonp",
        crossDomain: true,
        type: "POST",
        jsonpCallback: "user",
        success: function(response, textStatus, jqXHR){
            if(response.exists){
                alert(response.access_token);
                window.localStorage.setItem("user", JSON.stringify({"name": response.name, "id": response.id, "token":response.access_token}, null));
                runController();
            }
            else{
                $("#er").show();
            }
        }
    });
    return false;
});

});

config.js：

addr = "domain.com"
api = "/api/v1/"
http = "http://"+addr+api
https = "https://"+addr+api

config.xml中：

....
<access origin="*" subdomains="true" />

<feature name="http://api.phonegap.com/1.0/device" />
<feature name="http://api.phonegap.com/1.0/file" />
<feature name="http://api.phonegap.com/1.0/network" />

<preference name="phonegap-version" value="2.1.0" />
....

的index.html：

<!DOCTYPE html>
<html>
<head>
    ....
    <title>Sign In</title>
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/controller.js"></script>
    <script type="text/javascript" src="cordova-2.2.0.js"></script>
    <script type="text/javascript" src="js/signin.js"></script>
    ....
</head>
<body>
    ....
    <form id="login" action="#">
        <h2 class="form-signin-heading">Please sign in</h2>
        <input type="text" class="input-block-level" placeholder="Email address" name="user">
        <input type="password" class="input-block-level" placeholder="Password" name="pass">
        <label class="checkbox">
          <input type="checkbox" value="remember-me"> Remember me
        </label>
        <button class="btn btn-large btn-primary" type="submit">Sign in</button>
      </form>
     ....       
    </body>
 </html>

更新1

以下是服务器日志显示的内容：

Started POST "/api/v1/getUserDetails" for .... at 2012-11-29 20:38:22 -0800
Processing by Api::V1::ApiController#user_details as JSON
Parameters: {"username"=>"user", "password"=>"[FILTERED]"}
WARNING: Can't verify CSRF token authenticity
Completed 406 Not Acceptable in 15ms (ActiveRecord: 2.9ms)

更新2

我在我的API控制器下禁用了CSRF令牌，因为它不需要，这是我的服务器日志在phonegap下进行ajax调用时显示的内容。

Started POST "/api/v1/getUserDetails" for .... at 2012-11-30 11:38:26 -0800
Processing by Api::V1::ApiController#user_details as JSON
Parameters: {"username"=>"user", "password"=>"[FILTERED]"}
Completed 406 Not Acceptable in 27ms (ActiveRecord: 0.4ms)

仍然收到406错误。接下来我应该尝试什么？

Answer 1

现在我们看到了问题的根源，你将不得不调试406.这里有几个链接解释了406的含义。

http://www.checkupdown.com/status/E406.html

http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html

基本上，您需要确保您的HTTP请求沿着标头发送，表明客户端（您的应用）将接受以服务器可以回送的方式格式化的响应。让客户端和服务器就格式达成一致可能需要客户端或服务器端更改。我对您正在使用的服务器一无所知，但您可以通过jquery修改您的ajax请求的Accepts标头，如此处所述

http://api.jquery.com/jQuery.ajaxSetup/

Answer 2

我的Ruby on Rails方面导致了这个错误。我忘记了，因为这是一个移动设备，我将格式修改为移动设备。我要解决这个问题的方法是在api控制器中执行此操作：

skip_before_filter :prepare_for_mobile

这解决了我的问题。

Ajax Call不能在PhoneGap上运行

2 个答案: