Android、iOS和H5之间的交互

//isAPP是用来判断是Android端还是ios端的
//iOS
function setupWebViewJavascriptBridge(callback) {
    if(isApp == 'iOS') {
        if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
        if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
        window.WVJBCallbacks = [callback];
        var WVJBIframe = document.createElement('iframe');
        WVJBIframe.style.display = 'none';
        WVJBIframe.src = 'https://__bridge_loaded__';
        document.documentElement.appendChild(WVJBIframe);
        setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
    }
}

//IOSfunction是ios那边的定义的调用的方法
//jsonData是需要给iOS传递的参数json形式的对象比如{id:'1',name:'xiaoming'},
//jsonData = JSON.stringify(jsonData);(好像不JSON也没事,可以试试)
//后边为回调函数

setupWebViewJavascriptBridge(function(bridge) {
   bridge.callHandler('IOSfunction', jsonData,function(res) {
   })
})



//Android
//androidJSBridge 和Android那边写的自定义参数,在安卓打开的时候window中会有这个参数
//Androidfunction 调用Android的方法名
//jsonData  给Android传递的参数最好是也JSON.stringfy()一下
//后边是回调函数

if(window.androidJSBridge){
   var result = androidJSBridge.Androidfunction(jsonData,function(res){});
}