html - 如何在 PhoneGap 中使用 jQuery 将数据发布到远程服务器(跨域)？

Question

这是我的代码:

function makeRequest() {
    //alert("inside makeRequest()");
    var settings = {
        type: "POST",
        url: URL + "?" + REQUEST,
        dataType: "json" ,
        error: function(XHR,textStatus,errorThrown) {
            console.log(XHR);
            console.log("textStatus: " + textStatus);
            console.log("errorThrown: " + errorThrown);
            //alert ("XHR="+XHR+"\ntextStatus="+textStatus+"\nerrorThrown=" + errorThrown);
        },
        success: function(data,textStatus) {
            $("body").append(data);
            console.log(data, textStatus);
        },
        headers: {
            "Access-Control-Allow-Origin" : "http://xxx.com",
            "Access-Control-Allow-Headers" : "X-Requested-With",
            "X_APNSAGENT_API_KEY" : app_key,
            "X_APNSAGENT_API_VERSION" : version,
            "X_APNSAGENT_API_TIMESTAMP" : timestamp,
            "X_APNSAGENT_API_SIGNATURE" : hash,
        }
    };
    $.ajax(settings);
}
makeRequest();

在 phonegap wiki 中，它说:

“跨域安全策略不影响PhoneGap应用。由于webkit使用file://协议(protocol)调用html文件，所以安全策略不适用。”

但是我该如何调用呢？

此外，我正在使用 jquery-1.6.4.js

几天来我一直在寻找解决方案。请帮助我并拯救我......谢谢

Answer 1

这是我上个月遇到这样的问题时使用的方法。

$.ajax({
            url:dataUrl,
            dataType: 'jsonp',
            success:function(response){
                //success call back
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){
                                //error call back
                        }
            }
    });

如果您在此链接上看到 Remy Sharp 的帖子 http://remysharp.com/2007/10/08/what-is-jsonp/ , 会更清晰。

希望对你有帮助。