jsbrage——和app交互

<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <title>
        js调用java
    </title>
</head>

<body>
<p>
    <div id="show"></div>
</p>


<p><input type="button" id="enter3" value="payInterface" onclick="payInterface();"/></p>

</body>
<script>

        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)
        }

        //在改function 中添加原生调起js方法
        setupWebViewJavascriptBridge(function(bridge) {

            //注册原生调起方法
            //参数1: buttonjs 注册flag 供原生使用,要和原生统一
            //参数2: data  是原生传给js 的数据
            //参数3: responseCallback 是js 的回调,可以通过该方法给原生传数据
            bridge.registerHandler("getUserInfos",function(data,responseCallback){

                document.getElementById("show").innerHTML = "buuton js" + data;
                responseCallback("button js callback");
            });


            document.getElementById(enter3).onclick = function (e) {
            var data = "hello"
            //参数1: pay 注册flag 供原生使用,要和原生统一
            //参数2: 是调起原生时向原生传递的参数
            //参数3: 原生调用回调返回的数据
            bridge.callHandler(getBlogNameFromObjC,data,function(resp){
                    document.getElementById("show").innerHTML = "payInterface" + resp;
                }
             );
        }
        })
</script>

</html>

 

 

 

 

function connectWebViewJavascriptBridge (callback) { 
	if (window.WebViewJavascriptBridge) { 
		callback(WebViewJavascriptBridge) 
	} else { 
		document.addEventListener( ‘WebViewJavascriptBridgeReady‘ , function() { 
			callback(WebViewJavascriptBridge) }, false ); 
	} 
}
connectWebViewJavascriptBridge (function(bridge) { 
	bridge.registerHandler(‘JS Echo‘, function(data, responseCallback) { 
		console.log("JS Echo called with:", data)
		responseCallback(data) 
	}) 
	bridge.callHandler(‘oliveness‘, {}, function responseCallback(responseData) {
	}) 
})

  

jsbrage——和app交互

上一篇:【js】ejs


下一篇:Netty源码学习系列之2-ServerBootstrap的初始化