<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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
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) {
})
}) |