js 获取fetch数据

在JavaScript中，可以使用Fetch API来异步获取网络数据。Fetch是一个现代浏览器原生支持的API，用于发送HTTP请求并处理响应。下面是一个基本的例子：

fetch('https://api.example.com/data') // 替换为你需要的数据URL
  .then(response => {
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    return response.json(); // 返回的是Promise，解析JSON内容
  })
  .then(data => {
    console.log(data); // 打印接收到的数据
  })
  .catch(error => {
    console.error('Error:', error);
  });

在这个例子中，`fetch()`函数发起GET请求，然后`.then()`回调处理响应。如果服务器返回的状态码不是200（成功），则会抛出错误。最后，我们使用`.json()`方法将响应体转换为JavaScript对象。

相关问题

js fetch 获取EventStream数据

在JavaScript中，`fetch()` API默认不会返回Event Stream（流式数据）。它返回的是Promise，用于异步加载资源。如果你想要处理大型文件或实时数据流，通常需要借助一些库，如`ReadableStream`或第三方库如`axios-stream`、`request-promise-native/eventsource`等。

例如，如果你想通过`fetch`获取一个支持服务器推送的EventSource（如WebSockets），你可以这样做：

const eventSource = new EventSource('/stream'); // 指定URL

eventSource.addEventListener('data', (event) => {
  const data = JSON.parse(event.data);
  console.log(data);
});

eventSource.addEventListener('error', (error) => {
  console.error('Error occurred:', error);
});

在这个例子中，`EventSource`会创建一个连接到指定URL的事件源，然后监听"data"事件来接收服务器发送的数据。注意，这并不是标准的`fetch`操作，而是EventSource特有的功能。

如果你要获取HTTP响应头里设置为`Link`字段包含的分块传输编码（Streaming HTTP）的内容，可以使用第三方库如`axios-stream`：

const axios = require('axios').create({
  responseType: 'stream',
});

axios.get('/large-file')
  .then(response => response.data)
  .pipe(fs.createWriteStream('output.txt')); // 使用Node.js的fs模块写入文件

这里，`responseType: 'stream'`告诉axios以流的方式读取响应内容。然后你可以将响应数据管道到一个可写流（如`fs.createWriteStream`）来保存文件。

使用fetch发送请求怎么获取返回数据

使用fetch发送请求可以通过Promise来获取返回数据。fetch方法返回一个Promise对象，可以在Promise中使用json()、text()、blob()等方法来获取返回数据。

例如，使用fetch发送GET请求并获取JSON数据：

fetch('url/to/api')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error))

其中，第一个.then()方法使用response.json()来解析返回的JSON数据，第二个.then()方法则将解析后的数据输出到控制台。如果发生错误，则可以使用.catch()方法处理错误。