rxjs ajax获取reponse headers的方法

在RxJS中，你可以通过ajax请求获取响应头（response headers）。以下是一个简单的例子，展示了如何获取并打印出响应头：

import { ajax } from 'rxjs/ajax';

const url = 'https://www.tides.cn/data'; // 替换为你的API URL

ajax({
  url: url,
  method: 'GET',
  // 你可以添加额外的配置参数，如headers、responseType等
}).subscribe(
  ({ xhr }) => {
    // xhr 对象包含了原生的 XMLHttpRequest 对象
    const headers = xhr.getAllResponseHeaders();
    console.log(headers);
  },
  error => {
    console.error('Error:', error);
  }
);

在上面的代码中，ajax 函数被用来发送请求。响应对象包含了一个 xhr 属性，它是原生的 XMLHttpRequest 对象。通过调用 xhr.getAllResponseHeaders()，你可以获取所有的响应头。

确保你已经安装了RxJS库，并且根据你的构建系统（如Webpack、Rollup等）正确地引入了 ajax 函数。

延伸阅读：

通过 xhr.getAllResponseHeaders() 获取到的 headers 为字符串类型，若要取相应头中的某个字段还需要特殊处理。 我们可以通过下面这种方式获取：

import { ajax } from 'rxjs/ajax';
import { map, pluck } from 'rxjs/operators';
 
const url = 'https://www.tides.cn/data'; // 替换为你想请求的URL
 
ajax({ url }).pipe(
  map(response => {
    // 解析响应头
    const dateHeader = response.xhr.getResponseHeader('Date');
    return dateHeader;
  })
).subscribe(
  dateHeader => console.log('Date header:', dateHeader),
  error => console.error('Error:', error)
);

本文地址：https://www.tides.cn/p_rxjs-get-ajax-response-headers