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