javascript - 跨域AJAX调用？

Question

$.ajax({

      url: 'https://XXXXX.desktop.XXXX.com:9011/iws-merchant/XXXXX.htm',
      dataType: "jsonp",
      success: function (response) {
       str=response;

      },
      error: function( response ) {
          alert( "ERROR:  " + JSON.stringify );
       }
   });

它总是进入错误 block 。我正在对不同的端口(同一域)进行 AJAX 调用。

但是当我尝试在新选项卡中点击相同的 URL 时。我能够看到回复。

任何帮助都将受到高度赞赏。

Answer 1

您可以按照 Gaurav Agrawal 建议使用 JSONP，或者您可以为接收 ajax 请求的站点启用 Access-Control-Allow-Origin。

Ajax 的工作原理如下:相同域但不同端口 = 不同域

如果您在 ajax 目标服务器上使用 asp.net，则可以在 web.config 中添加以下内容来启用访问控制:

<system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
      </customHeaders>
    </httpProtocol>
<system.webServer>

帮自己一个忙，用您的网站网址替换“*”!

在某些情况下，您甚至可能需要这些键，只需在添加之前搜索每个功能即可!

<add name="Access-Control-Allow-Headers" value="*" />
<add name="Access-Control-Allow-Methods" value="*" />
<add name="Access-Control-Allow-Credentials" value="true" />
<add name="Access-Control-Expose-Headers" value="*"/>