鸿蒙Next星河版高级用例

目录:

1、发起网络请求的两种方式

第一种使用httpRequest发送http的请求:

1.1、在进行网络请求前,您需要在module.json5文件中申明网络访问权限

typescript 复制代码
{
    "module" : {
        "requestPermissions":[
           {
             "name": "ohos.permission.INTERNET"
           }
        ]
    }
}

1.2、GET 请求

typescript 复制代码
//导入http模块
import http from '@ohos.net.http';
//创建httpRequest对象
let httpRequest = http.createHttp();
//订阅请求头(可选)
httpRequest.on('headersReceive', (header) => {
    console.info('header: ' + JSON.stringify(header));
});

//发送请求
let url= "https://EXAMPLE_URL?param1=v1&param2=v2";
let promise = httpRequest.request(
  // 请求url地址
  url,
  {
    // 请求方式
    method: http.RequestMethod.GET,
    // 可选,默认为60s
    connectTimeout: 60000,
    // 可选,默认为60s
    readTimeout: 60000,
    // 开发者根据自身业务需要添加header字段
    header: {
      'Content-Type': 'application/json'
    }
  });

1.3、POST请求

typescript 复制代码
//导入http模块
import http from '@ohos.net.http';
//创建httpRequest对象
let httpRequest = http.createHttp();
//订阅请求头(可选)
httpRequest.on('headersReceive', (header) => {
    console.info('header: ' + JSON.stringify(header));
});

//发送请求
let url = "https://EXAMPLE_URL";
let promise = httpRequest.request(
  // 请求url地址
  url,
  {
    // 请求方式
    method: http.RequestMethod.POST,
    // 请求的额外数据。
    extraData: {
      "param1": "value1",
      "param2": "value2",
    },
    // 可选,默认为60s
    connectTimeout: 60000,
    // 可选,默认为60s
    readTimeout: 60000,
    // 开发者根据自身业务需要添加header字段
    header: {
      'Content-Type': 'application/json'
    }
  });

1.4、处理响应的结果

typescript 复制代码
promise.then((data) => { 
  if (data.responseCode === http.ResponseCode.OK) {
    console.info('Result:' + data.result);
    console.info('code:' + data.responseCode);
  }
}).catch((err) => {
  console.info('error:' + JSON.stringify(err));
});

第二种使用axios发送http的请求:

1.1、在进行网络请求前,您需要在module.json5文件中申明网络访问权限

typescript 复制代码
{
    "module" : {
        "requestPermissions":[
           {
             "name": "ohos.permission.INTERNET"
           }
        ]
    }
}

1.2、安装axios

typescript 复制代码
ohpm install @ohos/axios

1.3、使用axios发送请求

typescript 复制代码
import axios from "@ohos/axios";
@Entry
@Component
struct Dom {

  aboutToAppear() {
    axios.get(
    "http://localhost/books",
    ).then(res =>{
        let data:string = JSON.stringify(res);
        console.log(data);
    }).catch(err=> {
      console.log("请求失败");
    })
  }

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

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

2、异步的调用

typescript 复制代码
// 假设你有一个网络请求的函数,例如使用fetch API
function fetchData(url) {
    return new Promise((resolve, reject) => {
        fetch(url).then(response => {
            if (response.ok) {
                response.json().then(data => resolve(data)).catch(error => reject(error));
            } else {
                reject(new Error('Network response was not ok.'));
            }
        }).catch(error => reject(error));
    });
}
 
// 使用Promise进行异步请求
fetchData('https://your-api.com/data').then(data => {
    // 处理响应数据
    console.log(data);
}).catch(error => {
    // 处理错误
    console.error(error);
});

3、Promise.all()的用法

这里示例this.getWeather返回一个promise后,然后被push到数组promises中,Promise.all()方法处理数组promises,一次处理多个promise函数,后端返回的数据,前端也要通过相同的数据结构去接收。

相关推荐
请叫我小蜜蜂同学2 小时前
【鸿蒙】鸿蒙操作系统发展综述
华为·harmonyos
HMS Core3 小时前
借助HarmonyOS SDK,《NBA巅峰对决》实现“分钟级启动”到“秒级进场”
华为·harmonyos
二二孚日4 小时前
自用华为ICT云赛道AI第一章知识点-机器学习概览
人工智能·华为
我科绝伦(Huanhuan Zhou)5 小时前
华为泰山服务器重启后出现 XFS 文件系统磁盘“不识别”(无法挂载或访问),但挂载点目录仍在且无数据
运维·服务器·华为
塞尔维亚大汉6 小时前
鸿蒙内核源码分析(文件句柄篇) | 你为什么叫句柄?
源码·harmonyos
别说我什么都不会6 小时前
【OpenHarmony】鸿蒙开发之FlexSearch
harmonyos
HarmonyOS小助手7 小时前
在鸿蒙中造梦的开发者,一边回答,一边前行
harmonyos·鸿蒙·harmonyos next·鸿蒙生态
刘阿宾8 小时前
【华为昇腾|CUDA】服务器A6000显卡部署LLM实战记录
服务器·华为·语言模型·gpu算力·kylin
HarmonyOS_SDK9 小时前
用AI重塑游戏体验:《诛仙2》携手HarmonyOS SDK实现性能与功耗双赢
harmonyos
别说我什么都不会10 小时前
【OpenHarmony】鸿蒙开发之epublib
harmonyos