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
});
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; }
$(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; }
相关文章推荐
- jQuery Mobile中的页面跳转和参数传递
- JQuery Mobile 页面参数传递
- jquery mobile 页面间的传递参数
- JQuery Mobile 两个页面之间的参数传递
- jQuery Mobile学习之grid、等待显示的ajax效果、页面跳转、页面跳转传递参数等(二)
- 微信小程序页面跳转传递Json对象参数
- Jsp页面中文参数传递get和post方法分析
- 在asp.net页面中传递中文参数
- 向iframe中的页面传递参数
- JSP页面如何从一个页面传递一个参数到另外一个页面
- 页面之间传递参数的几种方法荟萃
- .net页面间的参数传递简单实例
- JSP页面传递参数防止中文乱码
- UIFactory打开新页面,传递参数
- 实现页面之间的参数传递
- .net页面间的参数传递多种方法
- JSP页面间的参数传递
- Ruby on Rails,通过页面链接向Controller中传递参数,附赠调试技巧
- JSP页面间传递参数方法介绍
- 解决SpringMVC Controller 接收页面传递的中文参数出现乱码的问题