如何使用js或jQuery向Ajax请求添加自定义HTTP头?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (8)
  • 关注 (0)
  • 查看 (607)

如题

提问于
用户回答回答于

有几种解决方案:

如果你想向单个请求中添加自定义header然后添加headers

// Request with custom header
$.ajax({
    url: 'foo/bar',
    headers: { 'x-my-custom-header': 'some value' }
});

如果你想向每个请求中添加默认的header 然后使用$.ajaxSetup():

$.ajaxSetup({
    headers: { 'x-my-custom-header': 'some value' }
});

// Sends your custom header
$.ajax({ url: 'foo/bar' });

// Overwrites the default header with a new header
$.ajax({ url: 'foo/bar', headers: { 'x-some-other-header': 'some value' } });

如果你想向每个请求中添加一个header 然后使用beforeSend钩住$.ajaxSetup():

$.ajaxSetup({
    beforeSend: function(xhr) {
        xhr.setRequestHeader('x-my-custom-header', 'some value');
    }
});

// Sends your custom header
$.ajax({ url: 'foo/bar' });

// Sends both custom headers
$.ajax({ url: 'foo/bar', headers: { 'x-some-other-header': 'some value' } });

有一件事要注意的是ajaxSetup只能定义一组默认的header,而只能定义一组默认的header。beforeSend如果调用ajaxSetup多次,只有最后一组header将被发送,只有最后一次发送之前的回调执行。

用户回答回答于

应该使用XMLHttpRequest对象的“setRequestHeader”方法

用户回答回答于

假设您的意思是“使用ajax”和“HTTP请求头”,那么在传递给ajax() 对象中使用header属性

headers(added 1.5)

Default: {}

A map of additional header key/value pairs to send along with the request. This setting is set before the beforeSend function is called; therefore, any values in the headers setting can be overwritten from within the beforeSend function.

用户回答回答于

您应该避免使用$.ajaxSetup()

$(document).ajaxSend(function(event, jqXHR, ajaxOptions) {
    jqXHR.setRequestHeader('my-custom-header', 'my-value');
});
用户回答回答于

您也可以不使用jQuery就完成此操作。重写XMLHttpRequest的Send方法,并在其中添加报头:

XMLHttpRequest.prototype.realSend = XMLHttpRequest.prototype.send;
var newSend = function(vData) {
    this.setRequestHeader('x-my-custom-header', 'some value');
    this.realSend(vData);
};
XMLHttpRequest.prototype.send = newSend;
用户回答回答于

假设为JQueryAjax,您可以添加自定义header

$.ajax({
  url: url,
  beforeSend: function(xhr) {
    xhr.setRequestHeader("custom_header", "value");
  },
  success: function(data) {
  }
});
用户回答回答于

下面是一个使用XHR 2的示例:

function xhrToSend(){
    // Attempt to creat the XHR2 object
    var xhr;
    try{
        xhr = new XMLHttpRequest();
    }catch (e){
        try{
            xhr = new XDomainRequest();
        } catch (e){
            try{
                xhr = new ActiveXObject('Msxml2.XMLHTTP');
            }catch (e){
                try{
                    xhr = new ActiveXObject('Microsoft.XMLHTTP');
                }catch (e){
                    statusField('\nYour browser is not' + 
                        ' compatible with XHR2');                           
                }
            }
        }
    }
    xhr.open('POST', 'startStopResume.aspx', true);
    xhr.setRequestHeader("chunk", numberOfBLObsSent + 1);
    xhr.onreadystatechange = function (e) {
        if (xhr.readyState == 4 && xhr.status == 200) {
            receivedChunks++;
        }
    };
    xhr.send(chunk);
    numberOfBLObsSent++;
}; 

希望能帮上忙。

如果创建对象,则可以在发送请求之前使用setRequestHeader函数分配名称和值。

用户回答回答于

如果您想为以后的每个请求发送自定义header,可以使用以下方法:

$.ajaxSetup({
    headers: { "CustomHeader": "myValue" }
});

这样,未来的每个Ajax请求都将包含自定义头,除非被请求的选项显式覆盖。

扫码关注云+社区

领取腾讯云代金券