梅科尔工作室—罗森—鸿蒙笔记4
鸿蒙笔记
·
一.路由跳转模块
import router from '@ohos.router';
首先需要导入包
页面跳转
1.方式一
router.push({
url: 'pages/Second',
params: {
src: 'Index页面传来的数据',
}
})
创建新页面,页面栈数量会加1
2.方式二
router.push({
url: 'pages/Second',
params: {
src: 'Index页面传来的数据',
}
}, router.RouterMode.Single)
可以将mode参数配置为router.RouterMode.Single单实例模式和router.RouterMode.Standard标准模式。
在单实例模式下:如果目标页面的url在页面栈中已经存在同url页面,离栈顶最近的同url页面会被移动到栈顶,移动后的页面为新建页,原来的页面仍然存在栈中,页面栈数量不变;如果目标页面的url在页面栈中不存在同url页面,按标准模式跳转,页面栈数量会加1。
3.方式三
router.replace({
url: 'pages/Second',
params: {
src: 'Index页面传来的数据',
}
})
替换后无法返回
页面返回
router.back({ url: 'pages/index' })回到指定一个页面
router.back()回到上一个页面
二.数据请求模块
import http from'@ohos.net.http';
import http from '@ohos.net.http';
// 每一个httpRequest对应一个http请求任务,不可复用
let httpRequest = http.createHttp();
// 用于订阅http响应头,此接口会比request请求先返回。可以根据业务需要订阅此消息
// 从API 8开始,使用on('headersReceive', Callback)替代on('headerReceive', AsyncCallback)。 8+
httpRequest.on('headersReceive', (header) => {
console.info('header: ' + JSON.stringify(header));
});
httpRequest.request(
// 填写http请求的url地址,可以带参数也可以不带参数。URL地址需要开发者自定义。请求的参数可以在extraData中指定
"EXAMPLE_URL",
{
method: http.RequestMethod.POST, // 可选,默认为http.RequestMethod.GET
// 开发者根据自身业务需要添加header字段
header: {
'Content-Type': 'application/json'
},
// 当使用POST请求时此字段用于传递内容
extraData: {
"data": "data to send",
},
connectTimeout: 60000, // 可选,默认为60s
readTimeout: 60000, // 可选,默认为60s
}, (err, data) => {
if (!err) {
// data.result为http响应内容,可根据业务需要进行解析
console.info('Result:' + data.result);
console.info('code:' + data.responseCode);
// data.header为http响应头,可根据业务需要进行解析
console.info('header:' + JSON.stringify(data.header));
console.info('cookies:' + data.cookies); // 8+
} else {
console.info('error:' + JSON.stringify(err));
// 当该请求使用完毕时,调用destroy方法主动销毁。
httpRequest.destroy();
}
}
);
需要权限ohos.permission.INTERNET
加入
"reqPermissions": [
{
"name": "ohos.permission.INTERNET"
}
]
三.弹窗模块
prompt.showToast({
message:"获取失败",//弹窗信息
duration:2000,//停留时间
});
四.绑定事件
1.
2.
3.
4.
更多推荐
已为社区贡献3条内容
所有评论(0)