将 CORS 添加到 ajax 标头时的 a.toLowerCase

Question

我有一个在线的 Django 应用程序和一个需要在标题中添加特殊 token 的 API。

当我将它添加到 $.ajaxSetup 时，它仍然需要我 CORS Access-Control-Allow-Origin 标头中的参数。

添加时出现错误：TypeError: a.toLowerCase is not a function

奇怪的是，当我在 HttpRequester firefox 插件中使用相同的代码时，因为我得到了预期数据的正确响应。

代码：

$.ajaxSetup({
    beforeSend: function(xhr) {
        xhr.setRequestHeader({
          'CORS': 'Access-Control-Allow-Origin',
          'token': 'tokenStringHere'
        });
    }
});

$.ajax({
  url: 'myPathToOnlineAppWithApiString',
  type: 'GET',
  contentType: 'application/json',
  headers: {
  }
}).success(function(result){
  console.log('yes!');
}).error(function(error){
  console.log('no!');
});

Answer 1

setRequestHeader 接受两个字符串，即标题名称及其值，而不是对象。有关详细信息，请参阅 jQuery 文档的 $.ajax 条目的 jqXHR 部分。

您应该将参数中的对象替换为两个调用以分别设置这些标头：

$.ajaxSetup({
     beforeSend: function(xhr) {
        xhr.setRequestHeader('CORS', 'Access-Control-Allow-Origin');
        xhr.setRequestHeader('token', 'tokenStringHere');
    }
});