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