#鸿蒙通关秘籍#如何展示解码后的GBK数据在页面列表中

HarmonyOS
2024-12-03 12:18:08
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
时光沙漏SEO

解码GBK格式的数据后,需在页面显示,可以使用以下方式实现:

  1. Axios请求获取并解码数据后,将数据存储在组件的状态中。

    import axios from '@ohos/axios';
    import { TextDecoder } from '@ohos.util';
    
    let friendsListData = [];
    
    axios({
      method: "get",
      url: "YOUR_URL_HERE",
      responseType: 'ARRAY_BUFFER'
    }).then((res) => {
      const textDecoder = TextDecoder.create('gbk', { ignoreBOM: true });
      const result = new Uint8Array(res.data);
      const resultString = textDecoder.decodeWithStream(result, { stream: false });
      friendsListData = JSON.parse(resultString);
    }).catch((error) => {
      console.error(error);
    });
    
  2. 通过LazyForEach组件将数据动态展示在页面的列表中。

    LazyForEach(friendsListData, (msg) => {
      ListItem() {
        // 显示每个friend的详细信息
        Text(msg.name)
      }
    });
    
  3. 在项目的UI部分,将FriendList组件嵌入到可以显示列表的容器中,这样就能在页面中展示解码后的数据。

分享
微博
QQ
微信
回复
2024-12-03 14:46:47
相关问题