ArkTS、网络数据请求获取不到数据的原因
1.在使用ArkTS开发HarmonyOS应用时，需要调用HTTP网络请求 @ohos.net.http 动态获取数据，进行UI列表刷新，这想必是应用开发最常见的功能。但是根据官网网络请求的示例代码进行功能开发时，封装方法进行HTTP请求后，返回获取数据总是为空，无法返回调用接口获取的结果，经过一系列步骤检查，终于获取到数据，在此附上我的开发步骤、一些注意事项以及参考文档。
【开发步骤】
步骤1：根据官方文档，HTTP网络请求需要申请ohos.permission.INTERNET权限，需要在配置文件module.json5中添加权限，如下：
"requestPermissions": [
{
"name":"ohos.permission.INTERNET",
"usedScene": {
"when":"always"
}
}
]
步骤2：封装HTTP请求方法，由于这里需要请求数据后返回，所以不能直接用callback方式作为异步方法，需要使用Promise方式作为异步方法，配合await和async使用，代码参考如下
import http from '@ohos.net.http';
import Response from './Response';
import hilog from '@ohos.hilog';
export function requestPost(url:string,data?:any):Promise{
//定义一个后台请求的基地址
const BASE_URL = "http://192.168.17.1:9988";
//创建http
let httpRequest=http.createHttp();
let responseResult= httpRequest.request(BASE_URL+url,{
method:http.RequestMethod.POST,
header:{
'Content-Type': 'application/json'
},
extraData:JSON.stringify(data)
});
let response = new Response();
responseResult.then((value:http.HttpResponse)=>{
if (value.responseCode===200) {
hilog.info(0xFF00, '登录接口请求返回数据=========', '%{public}s 登录接口请求返回数据', JSON.stringify(value));
let res: Response = JSON.parse(`${value.result}`);
response.data = res.data;
response.code = res.code;
response.message = res.message;
}else{
response.message = '请求错误';
response.code = 400;
hilog.info(0xFF00, '登录接口请求错误=========', '%{public}s 登录接口请求错误', JSON.stringify(value));
}
return response;
}).catch(()=>{
response.message = '请求出错';
response.code = 400;
return response;
});
return;
};
export async function requestGet(url:string,data?:any):Promise{
//定义一个后台请求的基地址
const BASE_URL = "http://192.168.17.1:9988";
//创建http
let httpRequest=http.createHttp();
let responseResult= httpRequest.request(BASE_URL+url,{
method:http.RequestMethod.GET,
header:{
'Content-Type': 'application/json'
}
});
let response = new Response();
await responseResult.then((value)=>{
hilog.info(0xFF00, '登录接口请求返回数据=========', '%{public}s 登录接口请求返回数据', JSON.stringify(value));
let res: Response = JSON.parse(`${value.result}`);
response.data = res.data;
response.code = res.code;
response.message = res.message;
},(err)=>{
response.message = '请求错误';
response.code = 400;
hilog.info(0xFF00, '登录接口请求错误=========', '%{public}s 登录接口请求错误', JSON.stringify(err));
return response;
});
hilog.info(0xFF00, '登录接口成功返回的对象response=========', '%{public}s 登录接口成功返回的对象response', JSON.stringify(response));
return response;
} 步骤3：在ets文件中调用方法获取数据，注意由于封装getHttpData时为async方法，所以调用同样需要使用async方式调用，代码如下所示：
Button($r('app.string.login'))
.fontColor('#FFF')
.fontWeight(FontWeight.Bolder)
.width('50%')
.onClick(async () => {
let response:Response= await requestGet('/login',http.RequestMethod.GET);
hilog.info(0xFF00, '登录接口成功准备跳转页面=========', '%{public}s 登录接口成功准备跳转页面', response);
if (response.code===200) {
router.pushUrl({
url:'pages/HXIndex'
},(err)=>{
hilog.info(0xFF00, '跳转页面出错=========', '%{public}s 跳转页面出错', JSON.stringify(err));
})
}
【注意事项】
1、使用ArkTS中网络请求接口时，一定要申请ohos.permission.INTERNET权限；
2、封装方法进行HTTP请求时，注意需要使用Promise方式配合await和async使用，await添加到获取数据处理数据那一步，才能同步返回获取后数据结果；
3、调用HTTP请求方法时，同样需要使用async。
4、我提供的示例中未使用extraData，若需要进行参数请求时，注意不能对extraData整个参数进行加密处理，因为extraData通过string方式传递时，是使用key1=value1&key2=value2方式连接，其中“=”和“&”不能进行加密处理，只能加密处理其中的key或者value值。