首先引入交互函数

        // 与原生交互接口框架
        function setupWebViewJavascriptBridge(callback) {
            if (window.WebViewJavascriptBridge) {
                callback(WebViewJavascriptBridge)
            } else {
                document.addEventListener(
                    'WebViewJavascriptBridgeReady'
                    , function () {
                        callback(WebViewJavascriptBridge)
                    },
                    false
                );
            }

            if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
            window.WVJBCallbacks = [callback];
            var WVJBIframe = document.createElement('iframe');
            WVJBIframe.style.display = 'none';
            WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';
            document.documentElement.appendChild(WVJBIframe);
            setTimeout(function () { document.documentElement.removeChild(WVJBIframe) }, 0)
        }

使用交互函数进行交互

                setupWebViewJavascriptBridge(function (bridge) {
                    var data = {
                        commodityCode: code
                    }
                    //参数1: pay 注册flag 供原生使用,要和原生统一
                    //参数2: 是调起原生时向原生传递的参数
                    //参数3: 原生调用回调返回的数据
                    bridge.callHandler('gotoGoodsDetailHandler', data, function (resp) {
                        // alert("app返回数据", resp)
                    });
                })
            setupWebViewJavascriptBridge(function (bridge) {
                //注册原生调起方法
                //参数1: buttonjs 注册flag 供原生使用,要和原生统一
                //参数2: data  是原生传给js 的数据
                //参数3: responseCallback 是js 的回调,可以通过该方法给原生传数据
                bridge.registerHandler("sendGoodsParas", function (data, responseCallback) {
                    responseCallback(that.commodityType);
                });
            })

推荐阅读更多精彩内容

  • pdf下载地址:Java面试宝典 第一章内容介绍 20 第二章JavaSE基础 21 一、Java面向对象 21 ...
    王震阳阅读 72,967评论 25 504
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 124,500评论 16 534
  • ES6 http://es6.ruanyifeng.com 目录 1 let 和 const 命令 2 变量的解构...
    常青1890阅读 4,898评论 0 41
  • 益州城连兴于古蜀社稷也,上下数千岁之久,史悠杰出,时至今,可谓西之门户也。今益州城百姓庶和,千家万户,可谓之御...
    尚千山阅读 113评论 2 3
  • 如梦令/裴浩宇 小道灯火如昼,双影月下前后。不知行路人,许久未曾执手。记否?记否?也为独自回眸。
    裴浩宇阅读 105评论 0 1