h5和原生的交互

最新推荐文章于 2024-03-20 15:38:49 发布

qq_30758077

最新推荐文章于 2024-03-20 15:38:49 发布

阅读量330

点赞数

分类专栏： js html 文章标签： h5与原生的交互

本文链接：https://blog.csdn.net/qq_30758077/article/details/83822905

版权

js 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

<button  id="subBtn"> button 按钮与原生的交互 </button>

var btn = document.getElementById("subBtn");
var u = navigator.userAgent;


btn.onclick = function() {
	transmit('bigPay', '', '');
}


	function getModel() {
            var u = navigator.userAgent;
            if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机
                document.getElementsByTagName('body')[0].className = 'Android';
                return 'Android';
            } else if (u.indexOf('iPhone') > -1 || (u.indexOf('iPad') > -1 && u.indexOf('Mac') > -1)) { //苹果手机
                document.getElementsByTagName('body')[0].className = 'ios';
                return 'iPhone';
            } else {
                return 'web';
            }
	 };
        
function transmit(methodName, callback, APPParams) {
            callback = (callback == "" || callback == undefined) ? "" : callback;
            if (methodName != '' && methodName != undefined) {
                var jsonData = new Object();
                jsonData.MethodName = methodName; //调用方法名称
                jsonData.callback = callback;
                jsonData.APPParams = APPParams;
                jsonData = JSON.stringify(jsonData).replace(/\\n/g, '<br/>');
                jsonData = JSON.parse(jsonData);
                if (getModel() == 'iPhone') {   // iOS调用方法
                    console.log(jsonData.callback);
                    try {
                        CZYClient(JSON.stringify(jsonData));
                    } catch (error) {
                        console.log(error);
                        alert("网络异常请重新尝试！110", "error");
                    }
                } else if (getModel() == 'Android') {  // 安卓调用方法
                    try {
                        window.android.CZYClient(JSON.stringify(jsonData)); 
                    } catch (error) {
                        alert("网络异常请重新尝试！111", "error");
                    }
                }
            } else {
                alert("网络异常请重新尝试！");
            };
        }