讲解“js 使用ajax设置和获取自定义header信息的方法小结”的完整攻略。如下所述：
使用Ajax在发送请求时，我们可以额外设置一些自定义的header信息，例如token，user-agent等。以下是使用Ajax设置自定义header信息的方法：
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com', true);
xhr.setRequestHeader('token', 'myToken123'); // 设置自定义header信息
xhr.send();
可以看到，上述代码中我们通过调用XMLHttpRequest对象的setRequestHeader方法来设置自定义header信息。第一个参数表示要设置的header名称，第二个参数表示header的值。
除了使用XMLHttpRequest对象，我们还可以使用$.ajax()方法设置自定义header信息。如下所述：
$.ajax({
url: 'http://example.com',
headers: {
token: 'myToken123' // 设置自定义header信息
}
});
在发送Ajax请求时，服务器可能返回一些自定义的header信息。下面是获取自定义header信息的方法：
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var myHeader = xhr.getResponseHeader('My-Custom-Header'); // 获取自定义header信息
console.log(myHeader);
}
};
xhr.send();
可以看到，我们通过调用XMLHttpRequest对象的getResponseHeader方法来获取自定义header信息。参数是header名称。在上述代码中，我们判断Ajax请求的状态，并在请求成功时获取了header信息并打印到控制台中。
除了使用XMLHttpRequest对象，我们还可以使用$.ajax()方法获取自定义header信息。如下所述：
$.ajax({
url: 'http://example.com',
success: function(data, status, xhr) {
var myHeader = xhr.getResponseHeader('My-Custom-Header'); // 获取自定义header信息
console.log(myHeader);
}
});
通过这两个示例，我们可以清楚地看到如何使用Ajax设置和获取自定义header信息。
本文链接：http://task.lmcjl.com/news/9680.html