ajax获取响应头 示例代码

Ajax是一种用于在不刷新整个页面的情况下，通过异步请求和响应来更新部分网页内容的技术。在使用Ajax时，我们经常需要获取响应头信息，以便根据服务器的响应做出相应的处理。

要获取响应头信息，我们可以通过XMLHttpRequest对象的getResponseHeader()方法来实现。该方法接受一个参数，即要获取的响应头的名称，然后返回该响应头的值。如果响应头不存在，则返回null。

下面是一个使用Ajax获取响应头的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var contentType = xhr.getResponseHeader('Content-Type');
    console.log('Content-Type:', contentType);
  }
};
xhr.send();

在上面的示例中，我们首先创建了一个XMLHttpRequest对象，并使用open()方法指定了要发送的请求的类型（GET）和URL（'http://example.com/api'）。然后，我们通过onreadystatechange事件来监听请求的状态变化。当请求的状态变为4（即已完成）并且响应的状态码为200（即成功）时，我们调用getResponseHeader()方法来获取响应头的Content-Type字段的值，并将其打印到控制台上。

通过这样的方式，我们可以根据响应头的信息来判断服务器返回的数据类型，从而做出相应的处理。