鸿蒙 HarmonyOs 网络请求 快速入门

官方文档:

ArkUI简介-ArkUI(方舟UI框架)-应用框架 | 华为开发者联盟 (huawei.com)

一、通过原有的http组件进行网络请求(方式一)

1.1 HttpRequestOptions的操作

名称 类型 描述
method RequestMethod 请求方式:GET、POST、PUT、DELETE等
extraData string | Object 请求参数
header Object 请求头字段
connectTiimeout number 连接超时时间,单位毫秒
readTimeout number 读取超时时间,同上

1.2 HttpResponse类的属性

名称 类型 描述
responseCode ResponseCode 响应状态码
header Object 响应头
cookies string 响应返回的cookies
result string | object 响应体,默认为JSON格式的字符串

二、通过axios网络请求的方式(方式二)

2.1 安装搭建axios环境

打开Ohpm/bin的目录

打开cmd窗口

(1)输入命令

init.bat

(2)配置环境变量目录为ohpm的目录

然后再Path中添加 %OHPM_HOME%\bin 

(3)输入查看版本的命令,判断是否朋配置环境变量成功

ohpm -v

(4)对于要使用axios的项目,进入项目的根目录执行安装axios的命令

ohpm install @ohos/axios

2.2 axios请求的响应对象的属性

名称 类型 描述
status number 响应状态码
headers Object 响应头
data any 服务端返回的响应体

 三、项目实操(以axios网络请求为例)

检查访问网络权限(如果没有就需要添加以下代码在main目录下的module.json5文件中)

(1)在main目录下的module.json5文件中添加访问网络权限:

    "requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ],

(2)在终端中下载axios

ohpm install @ohos/axios

(3)编写代码 

import axios, { AxiosError, AxiosResponse } from '@ohos/axios'

@Entry
@Component
struct Index {
  
  build(){
    Column(){
      Button('请求')
        .onClick(()=>{
          axios.get('http://localhost:8080/student/getList')
            .then((res:AxiosResponse)=>{
              console.log('',res.status)
              console.log(JSON.stringify(res.data))
              console.log(JSON.stringify(res.data.code))
              console.log(JSON.stringify(res.data.msg))
              console.log(JSON.stringify(res.data.data))
            }).catch((error:AxiosError)=>{
            console.log('获取失败')
          })
        })
    }
  }
}

相关推荐

  1. 鸿蒙HarmonyOS-HTTP网络数据请求

    2024-07-09 22:16:09       44 阅读

最近更新

  1. 河南萌新联赛2024第(一)场:河南农业大学

    2024-07-09 22:16:09       0 阅读
  2. 解决echarts在uniapp里tooltip,legend不能点击的问题

    2024-07-09 22:16:09       0 阅读
  3. web学习笔记(八十一)

    2024-07-09 22:16:09       0 阅读
  4. 这些库都有什么应用场景呢

    2024-07-09 22:16:09       0 阅读
  5. 安卓逆向入门(3)------Frida基础

    2024-07-09 22:16:09       0 阅读
  6. SDL常用结构体和函数接口

    2024-07-09 22:16:09       0 阅读

热门阅读

  1. 【Rust入门】猜数游戏

    2024-07-09 22:16:09       8 阅读
  2. NVIDIA H100 Tensor Core GPU摘要

    2024-07-09 22:16:09       4 阅读
  3. 环境构建大师:精通Conda中的conda create命令

    2024-07-09 22:16:09       7 阅读
  4. 我的创作4096天纪念日

    2024-07-09 22:16:09       6 阅读
  5. python 高级技巧 0706

    2024-07-09 22:16:09       6 阅读
  6. 前端面试基础html/js/css

    2024-07-09 22:16:09       6 阅读
  7. crontab定时任务不执行原因排查

    2024-07-09 22:16:09       5 阅读
  8. RTOS系统 -- ARM Cortex-M4 RPMSG之通道初始化函数

    2024-07-09 22:16:09       7 阅读
  9. shell中不常见的命令

    2024-07-09 22:16:09       4 阅读
  10. 直播APP开发源码搭建

    2024-07-09 22:16:09       5 阅读
  11. 自己写个简单的vite插件

    2024-07-09 22:16:09       6 阅读
  12. ROS melodic版本卸载---Ubuntu18.04

    2024-07-09 22:16:09       6 阅读
  13. Ubuntu手动编译源码安装Python

    2024-07-09 22:16:09       6 阅读
  14. [C++][CMake][生成可执行文件][下]详细讲解

    2024-07-09 22:16:09       5 阅读