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

Question

如何使用js或jQuery向Ajax请求添加自定义HTTP头？有人知道如何使用JavaScript或jQuery添加或创建自定义HTTP头吗？

Answer 1

有几种解决方案取决于你需要什么.。

如果你想向单个请求中添加自定义标头(或一组标头)然后添加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多次，只发送最后一组标头，只执行最后一次发送之前的回调。

Answer 2

或者，如果您想为以后的每个请求发送自定义标头，则可以使用以下方法：

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

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

Answer 3

下面是一个使用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函数分配名称和值。