jquery mobile 页面间的传递参数

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

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

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

[javascript] view plaincopyprint?

1. $(document).bind('pagebeforechange',function(e,data){
2. if (typeof data.toPage !== "string"){//这个事件会调用两次，但每次的data内容不一样，所以要判断
3. return;
4. }
5. var urlObj = $.mobile.path.parseUrl(data.toPage);//取到一个对象
6. var paramStr = urlObj.search;//对象中的参数，格式为 例： ？id=34&key=perfect&action=go
7. });

$(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之类的函数进行处理，可惜都没有找到合适的；于是自己写了个函数来处理：

[javascript] view plaincopyprint?

1. function getUrlParam(string) {
2. var obj = {};
3. if (string.indexOf("?") != -1) {
4. var string = string.substr(string.indexOf("?") + 1);
5. var strs = string.split("&");
6. for(var i = 0; i < strs.length; i ++) {
7. var tempArr = strs[i].split("=");
8. obj[tempArr[0]] = unescape(tempArr[1]);
9. }
10. }
11. return obj;
12. }

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;
}

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

[javascript] view plaincopyprint?

1. $(document).bind('pagebeforechange',function(e,data){
2. if (typeof data.toPage !== "string"){
3. return;
4. }
5. var paramUrl = $.mobile.path.parseUrl(data.toPage);
6. var params = getUrlParam(paramUrl.search);
7. });
9. function getUrlParam(string) {
10. var obj = {};
11. if (string.indexOf("?") != -1) {
12. var string = string.substr(string.indexOf("?") + 1);
13. var strs = string.split("&");
14. for(var i = 0; i < strs.length; i ++) {
15. var tempArr = strs[i].split("=");
16. obj[tempArr[0]] = unescape(tempArr[1]);
17. }
18. }
19. return obj;
20. }  

转载于:https://blog.51cto.com/yerik/1118129