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

2020/10/02 19:01 · javascript ·  · 0评论

有谁知道如何使用JavaScript或jQuery添加或创建自定义HTTP标头?

有几种解决方案取决于您的需求...

如果要向单个请求添加自定义标头(或标头集),则只需添加headers属性:

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

如果要向每个请求添加默认头(或头集),请使用$.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' } });

如果要向每个请求添加标头(或标头集), 则将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您只能定义一组默认标头,而只能定义一个beforeSend如果ajaxSetup多次调用,将仅发送最后一组头,并且仅执行最后一个发送前回调。

或者,如果要为以后的每个请求发送自定义标头,则可以使用以下命令:

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

这样,每个将来的ajax请求都将包含自定义标头,除非被请求的选项明确覆盖。您可以在这里找到更多信息ajaxSetup

假设使用JQuery ajax,则可以添加自定义标头,例如-

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

这是使用XHR2的示例:

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函数分配名称和值。

您也可以不使用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;

您应该避免$.ajaxSetup()docs中所述使用请改用以下内容:

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

假设您的意思是“使用ajax时”和“ HTTP请求标头”,然后headers在传递给的对象中使用该属性ajax()

标头(增加1.5)

默认: {}

与请求一起发送的其他标头键/值对的映射。该设置是在调用beforeSend函数之前设置的;因此,标头设置中的任何值都可以从beforeSend函数中覆盖。

http://api.jquery.com/jQuery.ajax/

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

http://help.dottoro.com/ljhcrlbv.php

您可以使用js提取

本文地址:http://javascript.askforanswer.com/ruheshiyongjshuojqueryxiangajaxqingqiutianjiazidingyihttpbiaotou.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!