app与H5页面 js交互

最新推荐文章于 2024-05-03 11:29:57 发布

joker-无理由

最新推荐文章于 2024-05-03 11:29:57 发布

阅读量202

点赞数 1

分类专栏：前端文章标签： javascript js

本文链接：https://blog.csdn.net/qq_32947593/article/details/127634041

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

H5端

/*
 * APP与网页交互
 */
function gotoURL(url) {
	if(navigator.userAgent.match('Android')) {
		window.location.href = url;
	} else if((navigator.userAgent.indexOf('iPhone') != -1)) {
		window.location = url;
	} else {};
};

function gotoGAP(method, param) {
	var url = 'phonegap://' + method + '#' + param;
	gotoURL(url);
};

调用


//约定方法名
function showordericon(data){
	var jsonobject = new Object();
	jsonobject.jscallback = 'ordericon_callback';
	jsonobject.data=JSON.stringify(data);
	var jsonstring = JSON.stringify(jsonobject);
	console.log(jsonstring)
	gotoGAP('ordericon', jsonstring);
}

APP调取H5方法，返回参数


//APP回调方法
function ordericon_callback(jsonstring) {
	var json = eval("(" + jsonstring + ")");
	var receiveInfo = JSON.stringify(json);
	receiveInfo = JSON.parse(receiveInfo);
	alert('app返回数据：'+JSON.stringify(receiveInfo))
	console.log('app返回数据：',receiveInfo)
	//后续动作
};