🌟 使用ArkTS实现HTTP请求功能：GET与POST请求的封装
在开发鸿蒙应用时，网络请求是一个常见的需求。无论是获取数据还是提交数据，都需要与后端服务器进行交互。在ArkTS中，我们可以使用@ohos.net.http模块来实现HTTP请求。以下是一个封装好的HTTP请求工具类，支持GET和POST请求。
代码解析
1. 导入模块
import http from '@ohos.net.http';
- - 导入了鸿蒙提供的http模块，用于创建和管理HTTP请求。
2. GET请求封装
点击查看代码
export function httpRequestGet(url: string, params?: string) {return httpRequest(url, http.RequestMethod.GET, params);
}
-
定义了一个httpRequestGet函数，用于发送GET请求。
-
参数：
- url：请求的URL。
- params：可选参数，用于传递查询字符串。
-
返回值：返回一个Promise
，表示请求的结果。
3. POST请求封装
点击查看代码
export function httpRequestPost(url: string, params?: string) {return httpRequest(url, http.RequestMethod.POST, params);
}
-
定义了一个httpRequestPost函数，用于发送POST请求。
-
参数：
- url：请求的URL。
- params：可选参数，用于传递请求体数据。
-
返回值：返回一个Promise
，表示请求的结果。
4. HTTP请求通用实现
点击查看代码
function httpRequest(url: string, method: http.RequestMethod, params?: string): Promise<string> {let httpRequest = http.createHttp();let responseResult = httpRequest.request(url, {method: method,readTimeout: 10000, // 读取超时时间，可选header: {'Content-Type': 'application/json' // 数据提交方式},connectTimeout: 10000, // 连接超时时间extraData: params});let getjson: string = '';return responseResult.then((value: http.HttpResponse) => {console.log('请求状态 -- > ' + value.responseCode);if (value.responseCode === 200) {console.log("请求成功");let result = `${value.result}`;getjson = result;} else {getjson = '';}return getjson;}).catch(() => {httpRequest.destroy();return '';});
}-
定义了一个通用的httpRequest函数，用于处理HTTP请求。
-
参数：
- url：请求的URL。
- method：请求方法，可以是http.RequestMethod.GET或http.RequestMethod.POST。
- params：可选参数，用于传递查询字符串或请求体数据。
-
返回值：返回一个Promise
，表示请求的结果。 -
实现：
- 使用http.createHttp()创建一个HTTP请求对象。
- 使用httpRequest.request()发送请求，配置请求方法、超时时间、请求头和请求体。
- 在then回调中，检查响应状态码，如果状态码为200，表示请求成功，返回响应结果；否则返回空字符串。
- 在catch回调中，捕获异常并销毁HTTP请求对象，返回空字符串。
使用示例
GET请求示例
点击查看代码
let url = 'https://api.example.com/data';
httpRequestGet(url).then((data) => {console.log('GET请求结果: ', data);
});POST请求示例
点击查看代码
let url = 'https://api.example.com/submit';
let params = JSON.stringify({ key: 'value' });
httpRequestPost(url, params).then((data) => {console.log('POST请求结果: ', data);
});
