有谁知道如何使用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,则只会发送最后一组标题,并且只会执行最后一次发送前回调。
如果在执行$.ajax时定义新的beforeSend会发生什么?
您只能定义一个beforeSend回调。如果你两次调用$.ajaxSetup({ beforeSend: func... }),那么第二个回调将是唯一一个触发的回调。
更新了我的答案,以添加有关ajaxSetup的更多详细信息。
大家好,标题:{'x-my-custom-header':'some value'}在IE 8中不起作用。它在firefox和chrome中运行良好。我必须使用IE 8发送自定义标题。你有想法让它工作吗?谢谢
@ user1940268您是否尝试进行跨域(CORS)请求或其他类型的自定义标头?我当然在IE8中使用了所有这些技术并确定它们有效。一个例外是xDomain请求,您需要在IE8中使用其他技术。
@Prestaul thx为您的回复。我的ajax请求在同一个域中。 $(document).ready(function(){$ .ajax({url:url,type:"POST",headers:{'x-my-custom-header':'some value'}});});
@ user1940268,我认为必须在发布的代码之外发生其他事情(在尝试阅读标题时可能是服务器端)。你的ajax电话看起来是对的,我认为我不能在这里帮助你。
看起来它不适用于CORS请求(每个浏览器)。有工作吗?
在这里找到我的解决方案stackoverflow.com/questions/8685678/
@svassr CORS有不同的要求,正如您所发现的,除了一些(非常基本的)标题之外,任何其他标题都必须通过Access-Control-Request-Headers标题列入白名单。
对于我的情况,我希望http header accept值严格地只是text/plain。 ajax的accepts行为真的让我失望了。在我的text/plain之后,它不断添加额外的* / *。叹。指定headers效果更好。
我收到此错误:对预检请求的响应未通过访问控制检查
@ Si8,这看起来像是一个跨域问题。您无法从一个域向另一个域发出请求。尝试查看CORS,看看是否有帮助。
或者,如果要为每个将来的请求发送自定义标头,则可以使用以下内容:
$.ajaxSetup({
headers: {"CustomHeader":"myValue" }
});
这样,除非被请求的选项明确覆盖,否则每个未来的ajax请求都将包含自定义标头。您可以在此处找到有关ajaxSetup的更多信息
我真的想要实现这一点,这似乎并没有真正起作用。
那么你应该确保在实际的ajax调用之前调用ajaxSetup。我不知道为什么这不起作用的任何其他原因:)
以下是使用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('
Your 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函数在发送请求之前指定名称和值。
虽然这在2011年可能是正确的,但通常不要重新发明轮子,而是使用像Zepto或jQuery这样的AJAX库。
除非你试图在现有的XHR2调用中添加一个标题,并且不想开始重写它以便只使用jQuery ...在这一点上,@ gryzzly有唯一可行的答案。
@roryhewitt jQuery缩小了82kb,不知道为什么会出现问题..
@AliGajani问题是某些应用程序或库(如THREE.js)不使用$.ajax*函数b / c它们不依赖于jQuery而是使用XHR,因此在这些情况下这是唯一有效的选项。
@AliGajani此外,它不仅仅是网络加载时间,还包括库的解析时间。另外,如果您不小心添加了哪些依赖项,则可以快速获得具有太多依赖项的项目
假设JQuery ajax,您可以添加自定义标头,如 -
$.ajax({
url: url,
beforeSend: function(xhr) {
xhr.setRequestHeader("custom_header","value");
},
success: function(data) {
}
});
您也可以在不使用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()。请改用以下内容:
$(document).ajaxSend(function(event, jqXHR, ajaxOptions) {
jqXHR.setRequestHeader('my-custom-header', 'my-value');
});
假设您的意思是"当使用ajax"和"HTTP请求标头"时,请使用传递给ajax()的对象中的headers属性
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.
- http://api.jquery.com/jQuery.ajax/
应该使用XMLHttpRequest对象的"setRequestHeader"方法
http://help.dottoro.com/ljhcrlbv.php
你可以使用js fetch
async function send(url,data) {
let r= await fetch(url, {
method:"POST",
headers: {
"My-header":"abc"
},
body: JSON.stringify(data),
})
return await r.json()
}
// Example usage
let url='https://server.test-cors.org/server?enable=true&status=200&methods=POST&headers=my-header';
async function run()
{
let jsonObj = await send(url,{ some: 'testdata' });
console.log(jsonObj[0].request.httpMethod + ' was send - open chrome console > network to see it');
}
run();