AJAX设置请求头信息

AJAX（Asynchronous JavaScript and XML）是一种用于在 Web 应用程序中进行异步数据交换的技术。在 AJAX 请求中，我们可以设置请求头信息，以传递额外的信息给服务器。请求头信息可以用于身份验证、设置数据类型、发送自定义头部等。

设置请求头信息的方法

在 AJAX 请求中设置请求头信息，我们可以使用以下方法：

1. 使用 setRequestHeader() 方法：在 AJAX 请求发送前，使用 setRequestHeader() 方法来设置请求头信息。该方法接受两个参数，分别是请求头名称和对应的值。例如：xhr.setRequestHeader('Content-Type', 'application/json')
2. 使用 headers 参数：在 jQuery 的 $.ajax() 方法中，可以使用 headers 参数来设置请求头信息。该参数是一个包含请求头名称和对应值的对象。例如：headers: {'Content-Type': 'application/json'}

下面是一个使用 jQuery 的示例，演示如何设置请求头信息：

$.ajax({
  url: 'example.php',
  method: 'POST',
  data: {
    key1: 'value1',
    key2: 'value2'
  },
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer token'
  },
  success: function(response) {
    console.log('请求成功：', response);
  },
  error: function(xhr, status, error) {
    console.log('请求失败：', error);
  }
});

在上述示例中，我们使用 $.ajax() 方法发送一个 POST 请求到 example.php URL。我们设置了以下请求参数：

• headers：一个包含请求头信息的对象，用于设置请求头。
  • 'Content-Type': 'application/json'：设置请求的数据类型为 JSON。
  • 'Authorization': 'Bearer token'：设置身份验证信息。