HarmonyOS NEXT应用开发之Axios获取解析网络数据

AIGC小哈

已于 2024-05-15 21:58:09 修改

阅读量1.1k

点赞数 8

文章标签： harmonyos 华为

于 2024-04-07 07:15:00 首次发布

本文链接：https://blog.youkuaiyun.com/2401_83047642/article/details/137335339

版权

本文介绍了如何使用Axios库在HarmonyOS中处理GBK格式的网络数据并转换为UTF-8，同时提供了一份详细的鸿蒙开发学习资源，包括基础入门、应用模型、资源管理和Web开发等内容，帮助开发者高效掌握鸿蒙开发技术。

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

介绍

本示例介绍使用第三方库的Axios获取GBK格式的网络数据时，通过util实现GBK转换UTF-8格式。该场景多用于需要转换编码格式的应用。

效果图预览

使用说明

直接进入页面就可获取GBK格式的用户名信息并进行解码操作。

实现思路

使用第三方库Axios获取网络数据，并将获取数据类型设置为ARRAY_BUFFER。源码参考FriendsBook.ets

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

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

AIGC小哈

关注关注

8
点赞
踩
23

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HarmonyOS Next开发实战：基于Axios对网络请求进行二次封装

2401_84917132的博客

08-28

5380

响应拦截非常重要，他是我们封装请求好用的关键，但是每个项目业务不同，其实响应拦截的配置都有不小的差异，但是整体思路是一致的，所以要根据自己的实际情况进行修改。

鸿蒙HarmonyOS NEXT开发，使用axios获取网络影片数据（四）

商城app+新闻app+备忘录记事本app视频教程在某站【浩宇软件开发】

07-27

823

温馨提示：1. 必须安装ohpm包管理器 2. 必须安装axios依赖 3. 必须添加网络权限。上面代码中，获取网络数据的方法，在生命周期的aboutToAppear()函数中调用。温馨提示：使用第三方库，必须安装ohpm和环境变量配置，上面的官方教程有详细的说明。在module.json5中添加网络权限。详细教程请看上面的官方文档。

参与评论您还未登录，请先登录后发表或查看评论

HarmonyOS NEXT应用开发之Axios获取解析网络数据_axios gbk 数据解密

2401_84164672的博客

04-13

697

本示例介绍使用第三方库的Axios获取GBK格式的网络数据时，通过。

HarmonyOS 网络请求第一步：从零封装一个 Axios 拦截器

最新发布

qq_55376032的博客

03-17

1861

本文基于 OpenHarmony 生态，详细讲解如何从三方库中心仓集成 Axios 网络请求库，并深入实践两种封装方案：全局拦截器封装：通过请求/响应拦截器统一管理 Token 鉴权、错误处理和业务状态码校验。静态方法封装：针对常见 HTTP 方法（GET/POST/DELETE/PUT）提供开箱即用的简化调用方式。文章包含完整代码分析、权限配置说明及两类封装方案的场景对比，助力开发者构建高可维护的网络层架构。

鸿蒙HarmonyOS NEXT开发，使用axios获取分类影片数据（七）

商城app+新闻app+备忘录记事本app视频教程在某站【浩宇软件开发】

07-29

593

【代码】鸿蒙HarmonyOS NEXT开发，使用axios获取分类影片数据（七）

HarmonyOS 鸿蒙应用开发 (七、HTTP网络组件 axios 介绍及封装使用)_鸿蒙axios

kOS0ym的博客

04-15

1750

在HarmonyOS（OpenHarmony）中，@ohos/net.http 是官方提供的一个用于进行HTTP通信的基础模块。开发者可以利用这个模块发送和接收HTTP请求与响应，实现应用程序与服务器之间的数据交互。文档中心–HTTP数据请求。

【鸿蒙版axios请求封装包】

06-03

在鸿蒙操作系统（HarmonyOS）的开发...通过这个鸿蒙版axios请求封装包，开发者可以无缝地将他们在Web开发中的经验迁移到HarmonyOS应用开发中，提升开发效率，同时充分利用HarmonyOS的系统优势，为用户提供更好的体验。

2401_84850374的博客

05-14

945

Lottie是一个适用于OpenHarmony的动画库，它可以解析Adobe After Effects软件通过Bodymovin插件导出的json格式的动画，并在移动设备上进行本地渲染，可以在各种屏幕尺寸和分辨率上呈现，并且支持动画的交互性，通过添加触摸事件或其他用户交互操作，使动画更加生动和具有响应性。对于多层嵌套的情况，比如二维数组，或者数组项class，或者class的属性是class，他们的第二层的属性变化是无法观察到的。翻页动效是应用开发中常见的动效场景，常见的有书籍翻页，日历翻页等。

【鸿蒙开发保姆级教程】-HarmonyOS NEXT请求库封装

HarmonyOS_001的博客

06-14

1947

通过上面的几个例子，我们大概学习了在新的版本怎么自定义一个自己的请求库。新的请求库基本满足我们的日常使用，同时也兼顾了一些我们的扩展需求。如果有更多的需要，我们也可以在这个基础上再增加额外的函数来满足我们的需要。有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术？也不知道鸿蒙开发的知识点重点掌握的又有哪些？自学时频繁踩坑，导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙（HarmonyOS NEXT）全栈开发资料用来跟着学习是非常有必要的。

HarmonyOS-数据请求（http / axios）

LxyingINGing的博客

04-08

811

4.调用该对象的request()方法，传入http请求的url地址和可选参数，发起网络请求。3.在xxx.ets页面导入：import axios from "@ohos/axios";3.调用createHttp()方法，创建一个HttpRequest对象。({data:{ data }})：解析请求到的data数据下的data数据。中发送请求，aboutToAppear类同于vue中的create。1.在module.json5中申请。二、axios数据请求。

【HarmonyOS开发实战】Axios在鸿蒙系统中的实战应用

HarmonyOS_001的博客

06-26

4363

可以把后端提供的字段用interface定义起来。1）可以用as断言来约束类型。2）泛型的第三个参数（推荐）。因为第一层对象结构是axios的，对象嵌套里面的数据才是我们要的。所以要定义第二个参数的第一个参数定义后端返回的基本结构。AxiosResponse<null,null>的两个参数必传。（AxiosResponse第一个参数：用于指定后端返回的数据的类型（重要）。第二个没什么用，写null就可以。可以暂时写null不报错。但是如果写的是null虽然不报错，但是点不出来data里面的数据。

HarmonyOS NEXT应用开发实战之axios网络库的封装和使用

独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)

12-03

2185

ohos/axios是基于Axios原库v1.3.4版本为HarmonyOS/OpenHarmony适配的三方库，是一个基于promise的网络请求库，可以运行node.js和浏览器中，沿用其现有用法和特性。•http请求•request和response拦截器•转换request和response的data数据•自动转换JSON data数据通过对Axios的封装，我们可以在HarmonyOS NEXT应用开发中实现更高效、更整洁的网络请求处理。

HarmonyOS NEXT API12关于axios的网络封装

weixin_46591361的博客

06-27

1214

'网络错误，请联系管理员：'

2024年HarmonyOS Next 大文件拷贝案例_鸿蒙next 拷贝本地文件(1)，2024年最新大厂面试必备技能有哪些

2401_84850808的博客

05-08

1402

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。为了能够帮助大家快速掌握**鸿蒙（HarmonyOS NEXT）**应用开发技术知识。在此给大家分享一下我结合鸿蒙最新资料整理出来的鸿蒙南北向开发学习路线以及整理的最新版鸿蒙学习文档资料。这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了。

HarmonyOS NEXT - 三方库axios的使用和封装

iotjin的专栏

08-16

2427

这样在项目中以后只使用第二次封装的代码，如果后期需要调整会方便一点。在demo中这些组件和工具类都通过module实现了，具体可以参考。OpenHarmony ohpm 环境配置等更多内容，请参考。然后在当前目录的 oh_modules 目录下就可以看到了。，第二次又添加了loading和返回错误弹框提示。要请求网络数据，首先需要申请权限，需要在。loading组件的实现看这里。点击 Sync Now同步一下。封装了2层，第一次是基础封装。文件中设置网络访问权限。

HarmonyOS Next 实现Lottie动画

shudaoshanQAQ的博客

03-21

1925

Lottie是一个适用于OpenHarmony的动画库

HarmonyOS 鸿蒙应用开发 (七、HTTP网络组件 axios 介绍及封装使用)

01-27

2万+

在HarmonyOS（OpenHarmony）中，@ohos/net.http 是官方提供的一个用于进行HTTP通信的基础模块。开发者可以利用这个模块发送和接收HTTP请求与响应，实现应用程序与服务器之间的数据交互。文档中心--HTTP数据请求。

【HarmonyOS NEXT】JSON.parse解析返回的数据json有误

Mayism123的博客

04-08

1257

这是由于JavaScript使用的IEEE 754标准双精度浮点数表示，它有53位的精度，JSON.parse函数在解析大整数时可能会出现超出了JavaScript的Number类型所能表示的范围，造成精度丧失，导致尾数变为0。json解析时，数据model定义的number取某字段的2308543339213693963，自行转换成了2308543339213694000。json / 解析 / 数据。

鸿蒙 HarmonyOS axios封装

小北的博客

07-22

6658

Axios 是一个基于 JavaScript 的开源库，用于在浏览器和 Node.js 等环境中发送 HTTP 请求。它支持 Promise API，并简化了 XMLHttpRequests 和 Fetch API 的使用，为开发者提供了一种简洁易用的方式来实现 AJAX 请求。

2、利用axios获取网络数据

12-03

在JavaScript中，axios是一个流行的库，用于在浏览器和node.js环境中发送HTTP请求。如果你想要使用axios获取网络数据，首先需要安装axios。你可以通过npm (Node Package Manager) 来安装： ```bash npm install axios ``` 然后，在你的JavaScript代码中，可以按照以下步骤操作： 1. 引入axios模块： ```javascript const axios = require('axios'); ``` 或者如果是在ES6模块环境下，使用import： ```javascript import axios from 'axios'; ``` 2. 创建一个axios实例： ```javascript const instance = axios.create({ baseURL: 'https://api.example.com', // API基础URL timeout: 5000, // 请求超时时间 headers: {'X-Custom-Header': 'foobar'} // 自定义请求头 }); ``` 3. 发送GET请求获取数据： ```javascript instance.get('/data') // 替换为你的API路径 .then(response => { console.log(response.data); // 网络数据会在这里返回 }) .catch(error => { console.error('Error:', error); }); ``` 4. 对于其他类型的请求（如POST，PUT等），只需替换`get`为对应的方法名，并提供必要的数据： ```javascript instance.post('/submit', { data: 'your-data' }) .then(response => { // 处理响应 }) .catch(error => { // 错误处理 }); ```