有谁知道如何使用 JavaScript 或 jQuery 添加或创建自定义 HTTP 标头？
如何使用 js 或 jQuery 向 ajax 请求添加自定义 HTTP 标头？
IT技术
javascript
jquery
ajax
http-headers
httprequest
2021-01-11 18:35:53
6个回答
根据您的需要，有多种解决方案...
如果要将自定义标头（或标头集）添加到单个请求，则只需添加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 的情况下执行此操作。覆盖 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;
假设 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 函数分配名称和值。