js 使用ajax设置和获取自定义header信息的方法小结

讲解“js 使用ajax设置和获取自定义header信息的方法小结”的完整攻略。如下所述：

1. 设置自定义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信息
    }
});

2. 获取自定义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信息。