jquery mobile 页面间的传递参数

jq mobile作为一个web开发手机app的框架,打包后的apk,其实就是在手机上模拟一个简易的浏览器,然后进行js操作,在没有服务器端脚本语言的支持下,如何传递参数呢?

很明显,这就要依靠jquery mobile来获取了。

在$(document).bind('pagebeforechange',function(e,data){... ... });事件里面:

$(document).bind('pagebeforechange',function(e,data){
      if (typeof data.toPage !== "string"){//这个事件会调用两次,但每次的data内容不一样,所以要判断
           return;
      }
      var urlObj = $.mobile.path.parseUrl(data.toPage);//取到一个对象
      var paramStr = urlObj.search;//对象中的参数,格式为 例: ?id=34&key=perfect&action=go
});
还要处理这个取到的参数,笔者想用诸如serialize,unserialize之类的函数进行处理,可惜都没有找到合适的;于是自己写了个函数来处理:

function getUrlParam(string) {
	var obj = {};
	if (string.indexOf("?") != -1) {
		var string = string.substr(string.indexOf("?") + 1);
		var strs = string.split("&");
		for(var i = 0; i < strs.length; i ++) {
			var tempArr = strs[i].split("=");
			obj[tempArr[0]] = unescape(tempArr[1]);
		}
	}
	return obj;
}

于是第一处的代码可以这样处理:

$(document).bind('pagebeforechange',function(e,data){
	if (typeof data.toPage !== "string"){
        return;
    }
    var paramUrl = $.mobile.path.parseUrl(data.toPage);
	var params = getUrlParam(paramUrl.search);
});

function getUrlParam(string) {
	var obj = {};
	if (string.indexOf("?") != -1) {
		var string = string.substr(string.indexOf("?") + 1);
		var strs = string.split("&");
		for(var i = 0; i < strs.length; i ++) {
			var tempArr = strs[i].split("=");
			obj[tempArr[0]] = unescape(tempArr[1]);
		}
	}
	return obj;
}


  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值