6

我正在使用 jQuery 执行 AJAX POST，如下所示：

self.post = function (path, data) {
    return $.ajax({
        url: this.createUri(path),
        type: "POST",
        contentType: "application/json",
        dataType: "json",
        data: ko.toJSON(data)
    });
};

这里我只返回 AJAX Deferred 对象。响应由另一个对象处理：

api.post(menuItemsUri, self.newItem)
    .done(function (data, textStatus, request) {
        console.log(request.getResponseHeader("Location")); // undefined
    })
    .always(function () {
        // reset the current item
        self.newItem.update({});
    });

服务器返回一个201 CreatedResponse 并设置 Location 标头。我可以在 Chrome 网络选项卡中看到这一点：

Access-Control-Allow-Origin:*
Cache-Control:no-cache
Content-Length:0
Date:Thu, 07 Feb 2013 10:25:04 GMT
Expires:-1
Location:http://localhost:49978/sites/1/menus/65/items/19
Pragma:no-cache

XmlHttpRequest但是，在 jQuery AJAX 回调中传递的对象中缺少 Location 标头。

4

2 回答 2

14

问题是这是一个 CORS 请求，根据CORS 规范，仅公开了以下“简单响应标头”：

  • 缓存控制
  • 内容-语言
  • 内容类型
  • 过期
  • 最后修改
  • 编译指示

要公开其他标头，您需要将它们包含在Access-Control-Expose-Headers标头中，例如：

Access-Control-Expose-Headers: location

进行此更改后，XmlHttpRequest 对象可以通过getResponseHeader("Location").

对于正常（非 CORS）请求，这不是问题。

于 2013-02-07T15:58:06.880 回答
0

您是手动添加位置标头，还是希望服务器脚本自动返回它？因为它可能实际上没有设置。
除非您要重定向，否则我希望它不会被设置，并且 Chrome 实际上可能只是将其本身添加为“有用”。

也许只是尝试在脚本中明确设置位置标头，那么它肯定应该在那里，但这可能会产生不希望的副作用。

于 2013-02-07T10:50:11.130 回答