JavaScript XHR 模拟浏览器请求头部设置

JavaScript XHR 模拟浏览器设置请求头部内容

本文将介绍如何使用 JavaScript 的 XMLHttpRequest 对象模拟浏览器发送请求时设置请求头部信息，方便开发者模拟不同请求场景。

1. 创建一个 XMLHttpRequest 对象

var xhr = new XMLHttpRequest();

2. 设置请求方法和 URL

xhr.open('GET', 'http://example.com', true);

• 'GET' 表示使用 GET 方法发送请求
• 'http://example.com' 是目标 URL
• true 表示异步请求

3. 设置请求头部

xhr.setRequestHeader('Content-Type', 'application/json');
xhr.setRequestHeader('Authorization', 'Bearer ' + token);

• setRequestHeader() 方法用于设置请求头部信息
• 'Content-Type' 表示请求内容类型，这里设置为 'application/json'，表示请求数据为 JSON 格式
• 'Authorization' 表示授权信息，这里使用 'Bearer' 方式进行授权，'token' 应替换为实际的授权令牌

4. 发送请求

xhr.send();

• send() 方法用于发送请求

通过以上步骤，就可以使用 JavaScript 的 XMLHttpRequest 对象模拟浏览器发送请求，并设置自定义请求头部信息，实现更加灵活的请求操作。