做自己的建材配送网站,单页面应用优化,wordpress调用特色,网站设计工程师官方文档#xff1a;
ArkUI简介-ArkUI#xff08;方舟UI框架#xff09;-应用框架 | 华为开发者联盟 (huawei.com)
一、通过原有的http组件进行网络请求#xff08;方式一#xff09;
1.1 HttpRequestOptions的操作
名称类型描述methodRequestMethod请求方式#xff…官方文档
ArkUI简介-ArkUI方舟UI框架-应用框架 | 华为开发者联盟 (huawei.com)
一、通过原有的http组件进行网络请求方式一
1.1 HttpRequestOptions的操作
名称类型描述methodRequestMethod请求方式GET、POST、PUT、DELETE等extraDatastring | Object请求参数headerObject请求头字段connectTiimeoutnumber连接超时时间单位毫秒readTimeoutnumber读取超时时间同上 1.2 HttpResponse类的属性
名称类型描述responseCodeResponseCode响应状态码headerObject响应头cookiesstring响应返回的cookiesresultstring | object响应体默认为JSON格式的字符串 二、通过axios网络请求的方式方式二
2.1 安装搭建axios环境
打开Ohpm/bin的目录 打开cmd窗口
1输入命令
init.bat
2配置环境变量目录为ohpm的目录 然后再Path中添加 %OHPM_HOME%\bin 3输入查看版本的命令判断是否朋配置环境变量成功
ohpm -v4对于要使用axios的项目进入项目的根目录执行安装axios的命令
ohpm install ohos/axios
2.2 axios请求的响应对象的属性
名称类型描述statusnumber响应状态码headersObject响应头dataany服务端返回的响应体 三、项目实操以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/axiosEntry
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(获取失败)})})}}
}
