HarmonyOS鸿蒙Next中web如何通过 post加载链接

HarmonyOS鸿蒙Next中web如何通过 post加载链接

web通过postUrl加载数据，如何配置header和参数

3 回复

可以使用onInterceptRequest拦截URl, 可以参考https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-web#oninterceptrequest9

更多关于HarmonyOS鸿蒙Next中web如何通过 post加载链接的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，使用@ohos.net.http模块发起POST请求加载链接：

  1. 导入http模块：
import http from '@ohos.net.http';
  1. 创建HttpRequest对象：
let httpRequest = http.createHttp();
  1. 设置请求参数：
httpRequest.request(
  "https://example.com/api",
  {
    method: http.RequestMethod.POST,
    header: { 'Content-Type': 'application/json' },
    extraData: JSON.stringify({key: 'value'})
  },
  (err, data) => {
    if (!err) {
      console.log(data.result);
    }
  }
);

注意：需要在module.json5中配置网络权限。

在HarmonyOS Next中，使用Web组件通过POST方式加载链接时，可以通过postUrl()方法实现。以下是具体实现方式：

  1. 基本POST请求：
webController.postUrl(
  "https://example.com/api",
  {
    headers: {
      "Content-Type": "application/x-www-form-urlencoded",
      "Authorization": "Bearer token"
    },
    body: "param1=value1&param2=value2"
  }
);
  1. 关键参数说明：
  • headers：可设置请求头，常见的有Content-Type、Authorization等
  • body：POST请求体，格式需与Content-Type匹配
  1. 对于JSON数据：
webController.postUrl(
  "https://example.com/api",
  {
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify({key1: "value1", key2: "value2"})
  }
);

注意：确保在config.json中已申请必要的网络权限。

回到顶部