Android页面内嵌套h5页面已经是随处可见了。在Android原生页面和h5页面的取舍上那些不是本文的重点。重点是,如此多的页面用网页来写,那么必定涉及到网页与原生的交互,俗称js交互。
目标:h5页面点击按钮Android端接收到网页传给的json数据。
实现
网页端
网页端添加如下内容
<script type="text/javascript">
var hasBridge = false
function connectWebViewJavascriptBridge(callback) {
if (window.WebViewJavascriptBridge) {
callback(WebViewJavascriptBridge)
} else {
document.addEventListener('WebViewJavascriptBridgeReady', function () {
callback(WebViewJavascriptBridge)
}, false)
}
}
connectWebViewJavascriptBridge(function (bridge) {
bridge.init(function (message, responseCallback) {
hasBridge = true
var data = {
'Javascript Responds': 'Wee!'}
$("#document .disabled").removeClass("disabled")
responseCallback(data)
})
$("#mzy").click(function(){