JavaScript - XMLHttpRequest 添加标头

简介

XMLHttpRequest 在 JavaScript 中是用于客户端与服务器端之间进行数据交互的重要对象之一。除了向服务器发送请求和获取响应外，我们还可以通过添加标头来定制我们的请求。此文将介绍如何在 JavaScript 中使用 XMLHttpRequest 添加标头。

步骤

1. 创建 XMLHttpRequest 对象

let xhr = new XMLHttpRequest();

2. 使用 XMLHttpRequest.open() 方法设置请求信息

xhr.open('GET', 'http://example.com/api/data', true); // true 表示异步请求

3. 添加标头

xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');

在这个例子中，我们添加了一个 "X-Requested-With" 标头，该标头告诉服务器这是一个 XMLHttpRequest 请求。

4. 发送请求

xhr.send();

完整的代码如下：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true);
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.send();

结论

通过添加标头，我们可以在许多场景下发送定制化的请求。例如，我们可以发送一些特定的标头，以便服务器能够根据我们的需求响应不同的结果。

参考链接

• XMLHttpRequest - MDN
• The proper way to set a custom header using XMLHttpRequest