以下是一个基本的H5与原生通信的代码示例,使用了jsBridge库:

// H5部分代码 // 注册一个回调函数,用于接收原生发送的数据 function receiveNativeData(data) { console.log("H5 received data from native: " + data); }

// 发送数据给原生 function sendToNative() { var data = "Hello from H5"; // 调用jsBridge的send方法发送数据给原生 if (window.jsBridge) { window.jsBridge.send(data); } }

// 原生部分代码 // 注册一个回调函数,用于接收H5发送的数据 window.jsBridge.registerHandler("receiveH5Data", function(data) { console.log("Native received data from H5: " + data); // 原生处理完数据后,可以调用jsBridge的callHandler方法将数据发送回H5 var response = "Hello from native"; window.jsBridge.callHandler("sendToH5", response); });

// 发送数据给H5 function sendToH5() { var data = "Hello from native"; // 调用jsBridge的callHandler方法发送数据给H5 window.jsBridge.callHandler("receiveNativeData", data); }

// 注册jsBridge window.onload = function() { if (window.jsBridge) { window.jsBridge.init(); }

利用jsBridge具体实现一个H5与原生通信的代码

原文地址: https://www.cveoy.top/t/topic/ewUD 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录