如何以编程方式在浏览器中跨域启用数据源。？

Question

我在我的脚本中使用$.ajax() 函数，该函数从其他域调用Web 服务。但我在 IE 中遇到错误。然后经过研究，我知道错误是由于 Internet Explorer 默认设置为"Access data sources across domains" to "prompt"。如何使用脚本设置"Enable"..？

代码：

var serviceURL = "https://www.other-domain.com/webservice/showbills?billID=12458";

if ($.browser.msie && window.XDomainRequest) {

    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
       if (xhr.readyState == 4) {
      var data = xhr.responseText;                                  
          var xmlDoc = $.parseXML(data); // then parse into xml
          var xml = $(xmlDoc); // create doc
          console.log(xml);
          // show bill here in table.
       }
    }
 xhr.open('POST', serviceURL, true);
 xhr.send();

} else {

    $.ajax({
        type: "POST",
        url: serviceURL,
        dataType: "text",
        crossOrigin: true,
        crossDomain: true,
        success: function (data) {
           var xmlDoc = $.parseXML(data); // then parse into xml
           var xml = $(xmlDoc);// create doc
           console.log(xml);
        // show bill here in table.
        }
   });
}

这在浏览器中出现错误。

我收到SEC7120: Origin http://localhost:8080 not found in Access-Control-Allow-Origin header 和SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied

Answer 1

Microsoft 为 Internet Explorer 中的跨域 AJAX 请求创建了自己的解决方案，称为 XDomainRequest。

有一个 jQuery 插件支持这个：https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest

你只需要在包含 jQuery 之后包含这个脚本，然后它就可以工作了。