框架使用系列--JSbridge

https://github.com/lzyzsd/JsBridge

1.在使用WebViewJavascriptBridge 之前，先判断它是否存在，不存在，设置事件监听，监听WebViewJavascriptBridgeReady

if (window.WebViewJavascriptBridge) {
        //do your work here
    } else {
        document.addEventListener(
            'WebViewJavascriptBridgeReady'
            , function() {
                //do your work here
            },
            false
        );
    }      

2. js 调用 Java      

1）在Java中注册监听      

//submitFormWeb 是调用它的JS方法名      

webView.registerHandler("submitFromWeb", new BridgeHandler() {      

@Override      
    
//data调用时传的参数，function Java方法执行后返回值
        public void handler(String data, CallBackFunction function) {
            Log.i(TAG, "handler = submitFromWeb, data from web = " + data);
            function.onCallBack("submitFromWeb exe, response data from Java");//返回值
        }
    });      
        
2）js 调用Java方法      

WebViewJavascriptBridge.callHandler(
        'submitFromWeb'
        , {'param': str1}
        , function(responseData) {
            document.getElementById("show").innerHTML = "send get responseData from java, data = " + responseData
        }
    );      
        
3）js调用默认的方法，不指定方法名      

在Java代码中      

webView.setDefaultHandler(new DefaultHandler());      
        
在JS中发送消息      

window.WebViewJavascriptBridge.send(
        data
        , function(responseData) {
            document.getElementById("show").innerHTML = "repsonseData from java, data = " + responseData
        }
    );      
   

2. Java 调用 js      

1)js中注册方法等待调用      

WebViewJavascriptBridge.registerHandler("functionInJs", function(data, responseCallback) {
        document.getElementById("show").innerHTML = ("data from Java: = " + data);
        var responseData = "Javascript Says Right back aka!";
        responseCallback(responseData);
    });      
        
2）Java 中调用      

webView.callHandler("functionInJs", new Gson().toJson(user), new CallBackFunction() {
        @Override
        public void onCallBack(String data) {

        }
    });      
        
3）或者是js 中使用默认方法init，Java中直接发消息      

bridge.init(function(message, responseCallback) {
        console.log('JS got a message', message);
        var data = {
            'Javascript Responds': 'Wee!'
        };
        console.log('JS responding with', data);
        responseCallback(data);
    });
      
    
webView.send("hello");