HarmonyOS 发送http网络请求

news2024/10/4 23:58:50

好本文我们来说 http请求

首先我们要操作网络内容需要申请权限
项目中找到 main目录下的module.json5

最下面加上

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

在这里插入图片描述
这里我在本地写了一个get接口大家可以想办法弄一个后端接口

首先我们编写一个组件雏形

import http from '@ohos.net.http'
@Entry
@Component
struct Index {
  aboutToAppear() {
    let httpReq = http.createHttp();
    httpReq.request(
      "http://localhost/books",
      {},
      (err,data)=>{

    })
  }

  build() {
    Column({space: 30}) {

    }
    .width('100%')
    .height('100%')
  }
}

我们导入 @ohos.net.http
然后通过 createHttp 获取一个http对象
然后通过对象调用 request
这就是发送请求的函数

我们选择在 aboutToAppear 组件准备加载时触发的生命周期函数中执行请求逻辑

request有三个参数
第一个是 url 路径参数这里我们写了接口路径 http://localhost/books
第二个参数是一个jons对象配置请求参数
第三个参数是请求返回后的回调函数方法接受两个行参第一个 err 错误信息只有请求出错时才会有内容然后第二个是data 就是返回的数据内容

然后我们还要设置请求类型
我们只需要在第二个json中打出

method: http.RequestMethod.

它就会提示我们有哪些内容
在这里插入图片描述
我们选择get

如果是 post 传参字段是 extraData

get的话直接跟在地址栏后面问号就好了

header 可以设置请求头信息
在这里插入图片描述
我们最后可以编写代码如下

import http from '@ohos.net.http'
@Entry
@Component
struct Index {
  aboutToAppear() {
    let httpReq = http.createHttp();
    httpReq.request(
      "http://localhost/books",
      {
        method: http.RequestMethod.GET
      },
      (err,data)=>{
        if(!err) {
          let jsonString = JSON.stringify(data.result);
          console.log(jsonString);
        }
      }
    )
  }

  build() {
    Column({space: 30}) {

    }
    .width('100%')
    .height('100%')
  }
}

这里主要是 request 回到内容的改动
首先我们拿 err 取反因为只有失败请求才会有err
那么没有则表示请求成功了我们继续往下走进if判断
然后我们将 data 下的 result 拿到这就是请求回来的数据对象
但是因为 harmonyos中的console.log 是只支持字符串输出的所以我们通过 JSON.stringify将 data.result 转成字符串然后输出在控制台上

运行结果如下
在这里插入图片描述