Ajax 添加标头 - Javascript

如果我们想要在 Ajax 请求中添加一些自定义请求头，我们可以通过以下的 Javascript 代码来实现。

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com", true);
xhr.setRequestHeader("Authorization", "Bearer yourTokenHere");
xhr.send();

在上面的代码中，我们使用了 XMLHttpRequest 对象来发起一个 GET 请求，并通过 setRequestHeader 方法来添加一个自定义的 Authorization 请求头，其中的 yourTokenHere 部分需要替换成你的具体的 Token 值。

我们还可以添加多个自定义请求头，只需要连续调用 setRequestHeader 方法即可，例如：

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Authorization", "Bearer yourTokenHere");
xhr.send(JSON.stringify({ name: "John", age: 30 }));

在上面的代码中，我们发起了一个 POST 请求，并设置了两个自定义请求头：Content-Type 和 Authorization。其中，Content-Type 指定了请求体的媒体类型为 JSON 格式，Authorization 是我们的 Token。

使用 Ajax 添加自定义请求头，非常的简单，但是却可以满足我们很多实际的场景。