您的位置:首页 > Web前端 > JQuery

jquery mobile 页面间的传递参数

2013-01-14 16:24 225 查看
jq mobile作为一个web开发手机app的框架,打包后的apk,其实就是在手机上模拟一个简易的浏览器,然后进行js操作,在没有服务器端脚本语言的支持下,如何传递参数呢?很明显,这就要依靠jquery mobile来获取了。在$(document).bind('pagebeforechange',function(e,data){... ... });事件里面:[javascript] view plaincopyprint?$(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 });
$(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?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; }
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?$(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; }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: