访问控制请求标头，添加到使用 jQuery 的 AJAX 请求中的标头

javascript jquery ajax post http-headers

2022-08-29 23:18:27

我想从jQuery向AJAX POST请求添加一个自定义标头。

我试过这个：

$.ajax({
    type: 'POST',
    url: url,
    headers: {
        "My-First-Header":"first value",
        "My-Second-Header":"second value"
    }
    //OR
    //beforeSend: function(xhr) { 
    //  xhr.setRequestHeader("My-First-Header", "first value"); 
    //  xhr.setRequestHeader("My-Second-Header", "second value"); 
    //}
}).done(function(data) { 
    alert(data);
});

当我发送此请求并使用FireBug观看时，我看到以下标头：

OPTIONS xxxx/yyyy HTTP/1.1
Host： 127.0.0.1：6666
User-Agent： Mozilla/5.0 （Windows NT 6.1;哇64;rv：11.0） Gecko/20100101 Firefox/11.0
Accept： text/html，application/xhtml+xml，application/xml;q=0.9，/;q=0.8
Accept-Language： fr，fr-fr;q=0.8，en-us;q=0.5，en;q=0.3
Accept-Encoding： gzip， deflate
Connection： keep-alive
Origin： null
Access-Control-Request-Method： POST
Access-Control-Request-Headers： my-first-header，my-second-header
Pragma： no-cache
缓存控制：无缓存

为什么我的自定义标头转到：Access-Control-Request-Headers

访问控制-请求-标头：我的第一个标头，我的第二个标头

我期待这样的标头值：

My-First-Header： First Value
My-Second-Header： second value

可能吗？

答案 1

下面是如何在 jQuery Ajax 调用中设置请求标头的示例：

$.ajax({
  type: "POST",
  beforeSend: function(request) {
    request.setRequestHeader("Authority", authorizationToken);
  },
  url: "entities",
  data: "json=" + escape(JSON.stringify(createRequestObject)),
  processData: false,
  success: function(msg) {
    $("#results").append("The result =" + StringifyPretty(msg));
  }
});

答案 2

下面的代码适用于我。我总是只使用单引号，它工作正常。我建议你应该只使用单引号或双引号，但不要混淆。

$.ajax({
    url: 'YourRestEndPoint',
    headers: {
        'Authorization':'Basic xxxxxxxxxxxxx',
        'X-CSRF-TOKEN':'xxxxxxxxxxxxxxxxxxxx',
        'Content-Type':'application/json'
    },
    method: 'POST',
    dataType: 'json',
    data: YourData,
    success: function(data){
      console.log('succes: '+data);
    }
  });