Fetch流式获取数据

雨下了过后

已于 2024-06-19 12:49:32 修改

阅读量1.3k

点赞数 8

文章标签： javascript

于 2024-01-30 14:21:18 首次发布

本文链接：https://blog.youkuaiyun.com/walaw11/article/details/135932191

版权

本文介绍了JavaScript中的TextDecoder对象如何将字节数组解码成字符串，如ArrayBuffer，特别关注了其在处理UTF-8、UTF-16等编码的应用，以及在异步请求中通过可读流实现的实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TextDecoder()是JavaScript的一个内置对象，它用于将字节数组（如ArrayBuffer或TypedArray）解码为字符串。它可以处理各种字符编码，例如UTF-8、UTF-16等。
const byteArray = new Uint8Array([72, 101, 108, 108, 111]); // 字节数组
const decodedString = decoder.decode(byteArray);
console.log(decodedString); // "Hello"
 async send() {
      this.$refs["code"].innerText = "";
      // 创建解码对象
      let td = new TextDecoder();
      let ai = await fetch(
        "https://api.binjie.fun/api/generateStream?refer__1360=n4+xgDBD9DyDuDmxWweiqGNDQH4dLmieuz4PD",
        {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
          },
          body: JSON.stringify({
            network: true,
            prompt: this.textarea,
            stream: false,
            system: "",
            userId: "#/chat/1706583670768",
            withoutContext: false,
          }),
        }
      );
      // 获取读取可读流
      let reader = ai.body.getReader();
      while (1) {
        let res = await reader.read();
        let str = td.decode(res.value);
        if (res.done) {
          break;
        }
        this.$refs["code"].innerText += str;
      }
    },