HarmonyOS NEXT應用開發之Axios獲取解析網路數據

介紹

本示例介紹使用第三方庫的Axios獲取GBK格式的網路數據時，通過util實現GBK轉換UTF-8格式。該場景多用於需要轉換編碼格式的應用。

效果圖預覽

使用說明

直接進入頁面就可獲取GBK格式的用戶名信息併進行解碼操作。

實現思路

1. 使用第三方庫Axios獲取網路數據，並將獲取數據類型設置為ARRAY_BUFFER。源碼參考FriendsBook.ets

axios<string, AxiosResponse<string>, null>({
  method: "get",
  url: URL,
  responseType: 'ARRAY_BUFFER'
})

2. 使用util.TextDecoder方法進行解碼操作。源碼參考FriendsBook.ets

let textDecoder = util.TextDecoder.create('gbk', { ignoreBOM: true });
let result = new Uint8Array(res.data);
let resultString = textDecoder.decodeWithStream(result, { stream: false });

3. 將解碼後的數據通過LazyForEach迴圈顯示在列表中。源碼參考FriendsBook.ets

LazyForEach(this.friendsListData, (msg: FriendData) => {
  ListItem() {
    ...
  }
})

工程結構&模塊類型

gbktranscoding                                  // har類型
|---pages
|---|---FriendsBook.ets                         // 視圖層-場景列表頁面

模塊依賴

@ohos/axios

參考資料

Axios網路請求庫