blocks|key|545542|text|或者，如果您希望为将来的每个请求发送自定义标头，则可以使用以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|545543|$.ajaxSetup({
++++headers:+{+"CustomHeader":+"myValue"+}
});|code-block|syntax|javascript|545544|这样，将来的每个ajax请求都将包含自定义头部，除非被请求的选项显式覆盖。您可以在ajaxSetup+here上找到更多信息|offset|length|style|CODE|545545|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery.ajaxSetup/^0|0|0|15|9|1F|4|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@$I|X|J|Y|K|L]]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Or, if you want to send the custom header for every future request, then you could use the following:

<pre><code>$.ajaxSetup({
 headers: { "CustomHeader": "myValue" }
});
</code></pre>

This way every future ajax request will contain the custom header, unless explicitly overridden by the options of the request. You can find more info on <code>ajaxSetup</code> <a href="http://api.jquery.com/jQuery.ajaxSetup/" rel="noreferrer">here</a>

blocks|key|762239|text|您也可以在不使用jQuery的情况下执行此操作。覆盖XMLHttpRequest的send方法并在其中添加头部：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|762240|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;|code-block|syntax|javascript|762241|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can also do this without using jQuery. Override XMLHttpRequest's send method and add the header there: 

<pre><code>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;
</code></pre>

blocks|key|762052|text|假设使用JQuery+ajax，您可以添加自定义标头，如-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|762053|$.ajax({
++url:+url,
++beforeSend:+function(xhr)+{
++++xhr.setRequestHeader("custom_header",+"value");
++},
++success:+function(data)+{
++}
});|code-block|syntax|javascript|762054|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Assuming JQuery ajax, you can add custom headers like - 

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

blocks|key|545390|text|下面是一个使用XHR2的示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|545391|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'+%2B+
++++++++++++++++++++++++'+compatible+with+XHR2');+++++++++++++++++++++++++++
++++++++++++++++}
++++++++++++}
++++++++}
++++}
++++xhr.open('POST',+'startStopResume.aspx',+true);
++++xhr.setRequestHeader("chunk",+numberOfBLObsSent+%2B+1);
++++xhr.onreadystatechange+=+function+(e)+{
++++++++if+(xhr.readyState+==+4+&&+xhr.status+==+200)+{
++++++++++++receivedChunks%2B%2B;
++++++++}
++++};
++++xhr.send(chunk);
++++numberOfBLObsSent%2B%2B;
};+|code-block|syntax|javascript|545392|希望这能有所帮助。|545393|如果创建对象，则可以在发送请求之前使用setRequestHeader函数分配名称和值。|545394|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Here's an example using XHR2:

<pre><code>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 &amp;&amp; xhr.status == 200) {
 receivedChunks++;
 }
 };
 xhr.send(chunk);
 numberOfBLObsSent++;
}; 
</code></pre>

Hope that helps.

If you create your object, you can use the setRequestHeader function to assign a name, and a value before you send the request.

blocks|key|762200|text|您应该避免使用docs中描述的$.ajaxSetup()。请改用以下内容：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|762201|$(document).ajaxSend(function(event,+jqXHR,+ajaxOptions)+{
++++jqXHR.setRequestHeader('my-custom-header',+'my-value');
});|code-block|syntax|javascript|762202|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/jquery.ajaxsetup/^0|F|D|7|4|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

You should avoid the usage of <code>$.ajaxSetup()</code> as described in the <a href="https://api.jquery.com/jquery.ajaxsetup/">docs</a>. Use the following instead:

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

blocks|key|545499|text|应使用XMLHttpRequest对象的"setRequestHeader“方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|545500|http://help.dottoro.com/ljhcrlbv.php|offset|length|545501|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|10|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

"setRequestHeader" method of XMLHttpRequest object should be used

<a href="http://help.dottoro.com/ljhcrlbv.php" rel="nofollow">http://help.dottoro.com/ljhcrlbv.php</a>

blocks|key|545646|text|您可以使用js+fetch|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|545647|​|545648|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+%2B+'+was+send+-+open+chrome+console+>+network+to+see+it');
}

run();|code-block|syntax|javascript|545649|545650|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#Supplying_request_options^0|8|5|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Y|8|@]|9|@]|C|$I|J]]|$1|K|3|E|5|6|7|Z|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]]]

You can use js <a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#Supplying_request_options" rel="nofollow noreferrer">fetch</a> 

<div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>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&amp;status=200&amp;methods=POST&amp;headers=my-header';

async function run() 
{
 let jsonObj = await send(url,{ some: 'testdata' });
 console.log(jsonObj[0].request.httpMethod + ' was send - open chrome console &gt; network to see it');
}

run();</code></pre>
</div>
</div>

Does anyone know how to add or create a custom HTTP header using JavaScript or jQuery?

How can I add a custom HTTP header to ajax request with js or jQuery?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯云AI代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

文章&问答评论现已支持表情

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

问如何使用js或jQuery向ajax请求添加自定义header？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用js或jQuery向ajax请求添加自定义header？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用js或jQuery向ajax请求添加自定义header？
EN