本文实例讲述了js 使用ajax设置和获取自定义header信息的方法。分享给大家供大家参考，具体如下：1、js ajax 设置自定义header1.1 方法一：
$.ajax({

type: "POST",

url: "Handler1.ashx",

contentType: "application/x-www-form-urlencoded",

beforeSend: function (request) {

request.setRequestHeader("token1", "Chenxizhang");

},

success: function (data) {

//your code

}
});
$.ajax({

type: "POST",

url: "Handler1.ashx",

contentType: "application/x-www-form-urlencoded",

beforeSend: function (request) {

request.setRequestHeader("token1", "Chenxizhang");

},

success: function (data) {

//your code

}
});1.2 方法二：
$.ajax({

headers: {

"testheader": "test"

},

type: "POST",

url: "Handler1.ashx",

contentType: "application/x-www-form-urlencoded",

success: function (data) {

//your code

}
});


$.ajax({

headers: {

"testheader": "test"

},

type: "POST",

url: "Handler1.ashx",

contentType: "application/x-www-form-urlencoded",

success: function (data) {

//your code

}
});

2、js ajax 获取请求返回的response的header信息ajax请求完成，会返回xhr（XMLHTTPRequest）对象，这里面会包含返回的头信息，可以通过getResponseHeader(key)和getAllResponseHeaders()获取header信息；
$.ajax({

type: "POST",

url: "Handler1.ashx",

contentType: "application/x-www-form-urlencoded",

success: function (data) {

//your code

},

complete: function (xhr, data) {

/*

获取相关Http Response header

getResponseHeader(key)：获取指定头信息

getAllResponseHeaders()：获取全部可默认可获取的头信息

*/

var date=xhr.getResponseHeader('Date');// 服务器端时间



//获取服务端自定义的header信息

var stoken = xhr.getResponseHeader('servertoken');



var list = xhr.getAllResponseHeaders();

console.log(list);

/*

date: Fri, 12 Jul 2021 12:41:00 GMT

content-encoding: gzip

server: Microsoft-IIS/10.0

x-aspnet-version: 4.0.30319

x-powered-by: ASP.NET

vary: Accept-Encoding

content-type: text/plain; charset=utf-8

servertoken: test1

cache-control: private

content-length: 129

*/



}
});


$.ajax({

type: "POST",

url: "Handler1.ashx",

contentType: "application/x-www-form-urlencoded",

success: function (data) {

//your code

},

complete: function (xhr, data) {

/*

获取相关Http Response header

getResponseHeader(key)：获取指定头信息

getAllResponseHeaders()：获取全部可默认可获取的头信息

*/

var date=xhr.getResponseHeader('Date');// 服务器端时间



//获取服务端自定义的header信息

var stoken = xhr.getResponseHeader('servertoken');



var list = xhr.getAllResponseHeaders();

console.log(list);

/*

date: Fri, 12 Jul 2021 12:41:00 GMT

content-encoding: gzip

server: Microsoft-IIS/10.0

x-aspnet-version: 4.0.30319

x-powered-by: ASP.NET

vary: Accept-Encoding

content-type: text/plain; charset=utf-8

servertoken: test1

cache-control: private

content-length: 129

*/



}
});

3、js ajax 跨域请求的情况下获取自定义的header信息JS AJAX 跨域请求的时候是不能设置自定义的header信息的，但是是可以在response中获取到服务端自定义的header信息，前提是服务端设置了Access-Control-Expose-Headers；下面是 ASP.NET 的服务端示例：
public void ProcessRequest(HttpContext context)
{

context.Response.AddHeader("Access-Control-Allow-Origin", "*");

context.Response.AddHeader("Access-Control-Allow-Headers", "*");

context.Response.AddHeader("Access-Control-Allow-Methods", "*");

//自定义header信息

context.Response.AddHeader("servertoken", "test");

context.Response.AddHeader("Access-Control-Expose-Headers", "servertoken");

context.Response.ContentType = "text/plain";

context.Response.Write("Hello World");
}


public void ProcessRequest(HttpContext context)
{

context.Response.AddHeader("Access-Control-Allow-Origin", "*");

context.Response.AddHeader("Access-Control-Allow-Headers", "*");

context.Response.AddHeader("Access-Control-Allow-Methods", "*");

//自定义header信息

context.Response.AddHeader("servertoken", "test");

context.Response.AddHeader("Access-Control-Expose-Headers", "servertoken");

context.Response.ContentType = "text/plain";

context.Response.Write("Hello World");
}

关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript中ajax操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》JavaScript中ajax操作技巧总结JavaScript错误与调试技巧总结JavaScript数据结构与算法技巧总结JavaScript遍历算法与技巧总结JavaScript数学运算用法总结希望本文所述对大家JavaScript程序设计有所帮助。