#提前准备
//判断android 还是ios
#jQuery你就用var,Vue你就用let，写在全局common.js也可以
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
一、jQuery
1.客户端跟h5交互 #jQuery（这个方法名是跟客户端商量好的）
function jQuery（parameter）｛
//parameter参数是你需要的数据对象就okay了
｝
2.h5跟客户端交互
//一般移动端都是点击后发请求随便起个方法名#_getPayment
function _getPayment() {
//拼接参数
#requestData 这个变量随便起
var requestData = {
#parameterDic 要跟移动端协商好保持整齐划一（来左手跟我一起画个🐉）
"parameterDic": {
"A":""
"B": ''",
},
#methodName 是接口地址要跟移动端协商好保持整齐划一（右手画一道彩虹🌈）
"methodName": "http://接口地址"
};
//这里你看客户端需要什么格式就转什么格式给它
requestData = JSON.stringify(requestData);
//判断手机内核，这里你要往第一行看
if (isAndroid) {
JsInterface.requestAction(requestData);
} else if (isIOS) {
window.webkit.messageHandlers.requestAction.postMessage(requestData);
}
}
二、Vue
methods｛
this.Submit();
｝
mounted｛
1.客户端跟h5交互、要写在mounted呦
function Vue（parameter）｛
//parameter参数是你需要的数据对象就okay了
｝
.2.h5跟客户端交互
//哦吼这里要注意咯要在methods里this.方法名（）一下
function Submit() {
//拼接参数
#requestData 这个变量随便起
var requestData = {
#parameterDic
"parameterDic": {
"A":""
"B": ''",
},
#methodName
"methodName": "http://接口地址"
};
//这里你看客户端需要什么格式就转什么格式给它
requestData = JSON.stringify(requestData);
//判断手机内核，这里你要往第一行看
if (isAndroid) {
JsInterface.requestAction(requestData);
} else if (isIOS) {
window.webkit.messageHandlers.requestAction.postMessage(requestData);
}
}
｝
注意的就是h5调客户端的时候不要套在方法里像这样
#vue的就不用担心咯,这里说的是jQuery
#错误1 function 最外层（）｛
function 我要调客户端（）｛
｝
｝
#错误2 $（function（）｛
function 我要调客户端（）｛
｝
｝）
这是最基础的，反正挺好用的没有什么需要特别注意的东西。
喜欢就给我点个赞👍
谢谢
网友评论