javascript - 带有自定义 header 的跨域 jquery ajax api 调用未访问服务器

Question

我想使用 jquery ajax(带有自定义 header )从客户端调用 Web 服务。我几乎做到了。我已将 Access-Control-Allow-Origin 设置为 force.com 和 salesforce.com，因为我从 salesforce 调用网络服务。

当我尝试在没有自定义 header 的情况下调用该 API 时，它得到了响应，而当我使用 header 调用时，它没有得到响应。

自定义标题

jQuery.ajax({
    type: 'POST',
    contentType: 'application/x-www-form-urlencoded',
    url: 'https://xxx.myclient.com/xxx/xxx/register',
    beforeSend: function(xhr) {
        xhr.setRequestHeader('orgid', '00D90000000oxxxx');
        xhr.setRequestHeader('userid', '00590000001Dxxxxxx');
    },
    success: function(response) {
        alert('success' + JSON.stringify(response));
    },
    error: function(jqXHR, textStatus) {
        alert('jqXHR : ' + JSON.stringify(jqXHR) + ' textStatus : ' + textStatus);
    }
});

也试过

jQuery.ajax({
    type: 'POST',
    contentType: 'application/x-www-form-urlencoded',
    url: 'https://xxx.myclient.com/xxx/xxx/register',
    headers: {
        "orgid": "00D90000000oxxxx",
        "userid": "00590000001Dxxxxxx",
    },

    success: function(data) {
        alert(JSON.stringify(data));
    },
    error: function(jqXHR, textStatus) {
        alert('jqXHR : ' + JSON.stringify(jqXHR) + ' textStatus : ' + textStatus);
    }
});

但在上述两种情况下，它都没有访问服务器并收到错误消息

当我不使用任何 header 时，它会访问服务器

jQuery.ajax({
    type: 'POST',
    contentType: 'application/x-www-form-urlencoded',
    url: 'https://xxx.myclient.com/xxx/xxx/register',
    success: function(response) {
        alert('success' + JSON.stringify(response));
    },
    error: function(jqXHR, textStatus) {
        alert('jqXHR : ' + JSON.stringify(jqXHR) + ' textStatus : ' + textStatus);
    }
});

得到成功响应

在响应 header 中显示

Access-Control-Allow-Headers: Content-Type

只有内容类型存在，这是问题所在吗？我们是否需要在此处添加自定义 header ？

当我使用 firefox firebug 分析网络时，它显示如下

1. POST 注册(不传递任何 header )
2. OPTIONS 注册(使用自定义 header )

我不知道为什么会这样

谁能帮忙。

提前致谢..:)

Answer 1

尝试在您调用的服务的“Access-Control-Allow-Headers”列表中添加您的自定义 header (orgId 和 userId)。