主要阐述下返回传值的知识,在做项目之中遇到不少坑和困惑,因此这里为大家总结以下几点:
1.html文件必不可少的,监听到点击切换事件(A界面);
<li class="mui-table-view-cell" id="cheziinfo">
<a class="mui-navigate-right"><img src="images/aichename/car.png"/ style="width:25px; float: left;margin-right:10px ;">爱车名称 <span id="aichename"></span></a>
</li>
2.点击事件tap事件
document.getElementById("cheziinfo").addEventListener('tap', function() {
mui.openwindws({
url:"editorname.html",
id:"editorname",
extras: {
nama: "datebase",
imei:123456,
} //自定义扩展参数
})
});
3.接收B界面返回传过来的值
function getResult(r){
document.getElementById("aichename").innerHTML = r;
}
此时A页面基本定义就这些,主要注意参数和返回传值过来接收的函数getResult();都跟简单的,继续看B界面;
4. B页面此时需要做的就是接收A界面传递过来的数据,显示到界面上,并且返回到A页面时,把值获取到通过evalJS返回传值到A界面
<input type="" name="" id="xiayibuss" value="" placeholder="输入修改的名称" />
<input type="" name="" id="shebeiimei" value="" placeholder="输入imei编号" />
//点击按钮
<button id="xiayibu">确定修改</button>
获取A界面的代码如下:
var ws=null,wo=null,domready=false;
function plusReady(){
if(ws||!window.plus||!domready){
return;
}
// 获取窗口对象
ws=plus.webview.currentWebview();
wo=ws.opener();
var vText = ws.gpsname;
var vTextimei = ws.imei;
document.getElementById("xiayibuss").value = vText;
document.getElementById("shebeiimei").innerHTML = vTextimei;
}
if(window.plus){
plusReady();
}else{
document.addEventListener("plusready",plusReady,false);
}
// 监听DOMContentLoaded事件
document.addEventListener("DOMContentLoaded",function(){
domready=true;
plusReady();
},false);
ok,此时获取到了A界面的数据,然后…
5.返回传递当前input输入的值到A界面
document.getElementById('xiayibu').addEventListener('tap',function(){
var setname = document.getElementById("xiayibuss").value;
var setimei = document.getElementById("xiayibuss").value;
wo.evalJS("getResult('"+ setname +"');");
back();//关闭B页面
});
此时,两个界面相互就可以传递值了,A界面值—–B界面——A界面,若能帮到你,请关注下或者收藏,本文为原创,严谨转载,谢谢… goodbay!