[AJAX]原生AJAX——自定义请求头

在原生AJAX中设置自定义请求头，可以使用XMLHttpRequest对象的setRequestHeader方法。这个方法接受两个参数：头的名称和头的值。需要在调用open方法后、发送请求前调用。

以下是一个简单的示例，演示如何在原生AJAX请求中设置一个自定义的请求头：

var xhr = new XMLHttpRequest();
var url = "https://yourapi.example.com";
 
xhr.open("GET", url, true);
 
// 设置自定义请求头
xhr.setRequestHeader("Custom-Header", "HeaderValue");
 
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功
    var response = xhr.responseText;
    console.log(response);
  }
};
 
xhr.send();

在这个例子中，我们创建了一个XMLHttpRequest对象，并向https://yourapi.example.com发送了一个GET请求。在发送请求前，我们使用setRequestHeader方法设置了一个名为"Custom-Header"的请求头，其值为"HeaderValue"。当请求完成并且状态为200时，我们打印出响应文本。