Jquery Ajax 不发送 Accept 标头

Question

这是我的 ajax 调用：

function fetchAccount(email, callback) {
  $.ajax({
    url: "http://example.com/",
    jsonp: "callback",
    dataType: 'jsonp',
    type: 'GET',
    async: false,
    headers: {"Accept" : "application/javascript; charset=utf-8"},
    success: function(data) {
      appState.user = data;
      appState.viewState = AppStates.CONTENT_VIEW;
      AppStore.persistToLocalStorage();
      callback();     
    },
    error: function(xhr, status, err) {
      appState.user = "";
      appState.viewState = AppStates.LOGIN_FAIL_VIEW;
      AppStore.persistToLocalStorage();
      callback();
    }    
  });
};

我的服务器没有返回 JSONP，因为接受标头实际上没有正确设置。当我使用“修改标题”谷歌浏览器扩展手动注入“接受”“应用程序/javascript；charset = utf-8”时，服务器响应 JSONP 就好了。

我捕获了请求标头，正如预期的那样，“接受”没有正确设置：

GET /api/accounts/myemail@gmail.com?callback=jQuery22009572079558856785_1454040030107&_=1454040030108 HTTP/1.1
Host: www.example.com
Connection: keep-alive
Accept: */*
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.97 Safari/537.36
Accept-Encoding: gzip, deflate, sdch
Accept-Language: en-US,en;q=0.8,et;q=0.6

这里发生了什么 - 我怎样才能让它正确设置接受标头？看起来很简单……

Answer 1

问题是我期待错误的事情。根据这个 jquery 错误报告 (https://bugs.jquery.com/ticket/7694)，当您执行 JSONP 时，您实际上并没有触发 XHR，因此您无法控制标头。

Answer 2

当您请求JSONP 时，您要求发送回一个脚本来执行您给它的回调。脚本的正确 Accepts 标头应该是 application/javascript 而不是 application\json。在我看来，您的服务器是错误的服务器，而不是 jQuery。也就是说，您可以尝试将 AJAX 设置中的 accepts 属性设置为 application/json 并查看是否有效。我认为这没有必要，即使它有效，我也不推荐它；如果可能的话，我建议你修复服务器。

来自jQuery,ajax API docs：

如果指定了 jsonp，$.ajax() 会自动附加一个查询字符串参数（默认）callback=?到网址。传递给 $.ajax() 的设置的 jsonp 和 jsonpCallback 属性可用于分别指定查询字符串参数的名称和 JSONP 回调函数的名称。服务器应返回将 JSON 响应传递给回调函数的有效 JavaScript。 $.ajax() 将执行返回的 JavaScript，调用 JSONP 回调函数，然后将响应中包含的 JSON 对象传递给 $.ajax() 成功处理程序。