javascript - 使用 jQuery 向 Web 服务返回 JSON 的跨域请求

Question

我正在尝试使用 jQuery 从 www.mysite.com 上的 ASPX 页面向 Web 服务发出请求。

我的网络服务托管在 https://www.mysite2.com .

我尝试以这种方式执行请求(我在网上找到了部分代码):

$.ajax({
    url: "https://www.mysite2.com/ws/api/Visits/List/" + myfilter,
    type: 'GET',
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    beforeSend: setHeader,
    crossDomain: true,
    success: function (data) {
        response($.map(data.visits, function (v, i) {
            return {
                label: v.ID,
                value: v.Name
            }
        }))
    },
    error: function () {
        alert('Error!');
    },
})

function setHeader(xhr) {
    xhr.setRequestHeader('X-Token', 'myToken0123');
}

我遇到两个问题:

1) IE 返回拒绝访问错误(代码 0x80070005)

2) Chrome 返回“不安全响应”错误

返回的 JSON 将用于填充自动完成源。

有什么建议可以解决这个问题吗？

Answer 1

如果这是跨域请求，那么您需要联系服务器的负责人并要求他们将您的域添加到他们的列表中。这是他们需要添加到服务器的代码，其中 http://foo.example是您的域。

Access-Control-Allow-Origin: http://foo.example
Access-Control-Allow-Methods: POST, GET, OPTIONS
Access-Control-Allow-Headers: X-PINGOTHER
Access-Control-Max-Age: 1728000