AJAX 设置JavaScript中的请求头

在本文中，我们将介绍如何使用JavaScript中的AJAX技术来设置请求头。

阅读更多：AJAX 教程

什么是AJAX？

AJAX（Asynchronous JavaScript and XML）是一种用于在不重新加载整个页面的情况下与服务器进行交互的技术。它通过将数据发送到服务器并在后台获取响应来实现异步通信。AJAX可以使网页实现更高效的交互和更好的用户体验。

设置请求头

在使用AJAX进行网络请求时，有时候需要设置请求头来传递一些额外的信息给服务器。可以通过XMLHttpRequest对象的setRequestHeader()方法来设置请求头。

var xhttp = new XMLHttpRequest();
xhttp.open("GET", "example.com", true);
xhttp.setRequestHeader("Content-Type", "application/json");
xhttp.send();

上面的代码中，我们创建了一个XMLHttpRequest对象并设置了请求的方法、URL和异步标志。然后，通过setRequestHeader()方法设置了一个Content-Type的请求头，值为application/json。最后，发送了请求。

示例

下面，我们通过一个示例来演示如何使用AJAX设置请求头。

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    document.getElementById("demo").innerHTML = this.responseText;
  }
};
xhttp.open("GET", "example.com", true);
xhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
xhttp.send();

在上面的示例中，我们创建了一个XMLHttpRequest对象，并通过onreadystatechange事件指定了一个回调函数。当readyState为4且status为200时，表示请求成功，我们将服务器的响应文本设置到id为demo的HTML元素中。

在设置请求头时，我们使用了一个常见的请求头X-Requested-With，它告诉服务器这是一个AJAX请求。服务器可以根据这个请求头来做一些特殊处理。