.ajax (JQuery) 到我拥有的域的跨域问题 -- 简单的 PHP 页面

Question

所以我知道这是一个常见问题，并且看到很多人在谈论它，但觉得我的情况很独特，可能不像其他人那么复杂。

我有一个主机网站，并尝试使用 JQ 和 PhoneGap 构建 iPhone 应用程序。

我希望人们能够从应用程序将他们的分数传递到我的主域，但我遇到了可怕的情况： “Access-Control-Allow-Origin 不允许 Origin null。” 当我尝试调用此命令时：

$.ajax({
        type: "POST",
        url: 'http://www.homesite.com/thephppage.php',
        data: {
            'guid': '12333-54',
            'score': 52,
            'initials': 'tod'
        },
        success: function (data) {
            try {

                }
                else {

                }
            }
            catch (err) {
                alert(err);
            }
        },
        error: function (xhr) {
            alert(xhr.responseText);
        }
    });

由于这是调用我拥有的域，因此我可以做一些简单的事情来纠正此问题吗？

谢谢。 时间

Answer 1

您拥有两个域的事实并不会改变 ajax 请求不能跨域的事实。

由于这是调用我拥有的域，我可以采取一些简单的措施来纠正此问题吗？

是

看看设置CORS，它应该允许您发出这些跨域请求。另外，根据 jQuery 文档，jQuery 应该支持 CORS 请求——主要是

xhrFields（1.5.1 添加） Map 要设置的 fieldName-fieldValue 对的映射
在本机 XHR 对象上。例如，您可以使用它来设置
如果需要，跨域请求的 withCredentials 设置为 true。

$.ajax({ url: a_cross_domain_url, xhrFields: {
withCredentials: true } });在 jQuery 1.5 中，withCredentials 属性未传播到本机 XHR，因此
要求它的 CORS 请求将忽略此标志。为此，我们
如果您需要使用 jQuery 1.5.1+，建议使用它。

---

目前，由于 Firefox 中的一个错误，.getAllResponseHeaders()
尽管 .getResponseHeader('Content-Type') 返回空字符串
返回非空字符串，自动解码 JSON CORS 响应
在 Firefox 中不支持 jQuery。

Answer 2

您必须将 crossDomain 更改为 true。

检查 jquery ajax api 和选项
http://jqapi.com/#p=jQuery.ajax

Answer 3

为了避免从应用程序调用不同的域，您可以在主机网站上创建一个页面，将分数注册转发到您的主域。然后您可以在主机网站上调用此页面。

您可以使用 PHP 使用 HttpRequest::send

例如（不包括用户的身份验证）：

$url = 'http://mydomain.com/score.php';
$r = new HttpRequest($url, HttpRequest::METH_GET);
$r->addQueryData(array('initials' => $initials, 'score' => $score));

try {
    $json = $r->send()->getBody();
    // output the response to forward it to the app
    echo $json;
} catch (HttpException $ex) {
    // handle error
}

Answer 4

在职的！！！噢，荣耀！！！ （有点）：这就是我所做的...

而不是使用 .ajax，我采用了 JSONP 路线（有点）并动态地向我的头部添加了一个标签，如下所示：

var head = document.getElementsByTagName('head')[0];
  script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'http://thesite.co/thepage.php?var1=123&var2=432&var3='ttt';
  head.appendChild(script);

我什至不必给它一个 CALLBACK 方法，因为（因为我拥有目标站点并且知道它的到来）在我的 PHP 端，我用这样的 methodName 包装返回：

$encoded = json_encode($json);
echo "testMethod(" . $encoded . ")";
除了在我该死的 iPhone 和 iPad 模拟器中之外，这一切都非常有效！ （天哪，我需要购买真正的设备...）所以我仍然不知道这是否适用于实际设备，但它现在可以在 Chrome 和 Safari 中使用...希望我能弄清楚如何让它在该手机上工作！

感谢大家的帮助！

==========第二个更好的移动解决方案====================== 这比 JSONP - 动态脚本解决方案效果更好

......您的头下您的 Phonegap 和 JQ 呼叫插入此标签。

<script type="text/javascript">
        $(document).bind("mobileinit", function () {
           $.mobile.allowCrossDomainPages = true;
        });
    </script>

然后在 XCODE 资源文件夹中的 Phonegap.plist 文件中，将域添加到外部域...即。电话间隙.com。 （省略 http 或 www）。