跨域 ajax 调用在 IE 中不起作用

Question

我正在做一个跨域的 ajax 调用。 这是在mysql数据库中插入数据。

var urlsearch = "http://192.168.10.113:8080/collective-intellegence/StoreClicks?userid=" + userId + "&query=" + query;
$.ajax({
    type: 'POST',
    url: urlsearch,
    dataType: 'json',
    success: function (data) {
    }
});

当我运行上面的代码时，它会显示一条错误消息

XMLHttpRequest 无法加载 http://192.168.10.113:8080/collective-intellegence/StoreClicks?userid=1&query=python&url=http://www.ourgoalplan.com/KLMS/TipView.aspx?id=1785 . Origin http://192.168.9.185 是 Access-Control-Allow-Origin 不允许的。

但数据在除 IE 之外的所有浏览器中都成功插入数据库。

请帮忙解决问题

提前致谢。

Answer 1

正如@davidrac 所建议的，您可以如下使用 JSONP：

jQuery.ajax({
    type: 'POST',
    url: urlsearch,
    dataType: 'jsonp',
    jsonp: 'json.wrf'
    success: function (data) {   }
});

您必须将 json.wrf 参数添加到带有回调函数名称的查询字符串中，才能从 Solr 获得正确填充的响应。

Answer 2

您可能应该使用 JSONP 或其他一些解决方法。

请参阅here 和here 以了解问题的解释。

Answer 3

当您从服务器输出响应时，添加此标头：

Access-Control-Allow-Origin: *

这将使 IE 中的 XHR 允许。更多信息请查看HTTP access control (CORS)。

如果是 PHP，你可以这样做：

<?php
    header("Access-Control-Allow-Origin: *");
?>

Answer 4

只要 IE 为 8+ 并且服务器响应包含 Access-Control-Allow-Origin: [Allowed origins] HTTP 标头，此代码就应该可以工作。

If (XDomainRequet) {
   //just an example
  var xdr = new XDomainRequest();
  xdr.open("post", url);
  xdr.send();
}
else
{
  $.ajax({
    type: 'POST',
    url: urlsearch,
    dataType: 'json',
    success: function (data) {
    }
});
}