js 获取 响应标头和请求标头

在 JavaScript 中，可以通过 XMLHttpRequest 对象获取请求和响应的标头信息。

获取请求标头：

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

// 获取请求标头
var requestHeaders = xhr.getAllRequestHeaders();
console.log(requestHeaders);

获取响应标头：

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

xhr.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    // 获取响应标头
    var responseHeaders = xhr.getAllResponseHeaders();
    console.log(responseHeaders);
  }
};

在上述代码中，`xhr.getAllRequestHeaders()` 方法用于获取请求标头，`xhr.getAllResponseHeaders()` 方法用于获取响应标头。注意，在获取响应标头时需要在 `onreadystatechange` 事件中获取，因为只有在收到响应后才能获取响应标头。