jquery mobile 页面间的传递参数

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

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

jquery mobile 页面间的传递参数相关推荐

页面url带参数_微信小程序云开发教程微信小程序的JS高级页面间数据传递
同学们大家好,我是小伊同学,上一节课我们讲解了全局数据的读写方法,那么在页面间同样需要数据交互,今天我们就来学习这部分内容. 在微信小程序中,我们常常需要将数据在页面之间进行传递,比如用户的身份信息, ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十二) —— jQuery Mobile 页面事件与 deferred
在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery ...
ASP.NET页面间数据传递的方法
本文我们将讨论的是ASP.NET页面间数据传递的几种方法,对此希望能帮助大家正确的理解ASP.NET页面间数据传递的用处以及便利性. 0.引言 Web页面是无状态的, 服务器对每一次请求都认为来自不同 ...
ASP.NET页面间数据传递的几种方法
1.ASP.NET页面间数据传递的各种方法和分析 1.1 使用Querystring 方法 QueryString 也叫查询字符串, 这种方法将要传递的数据附加在网页地址(URL)后面进行传递.如页面 ...
asp.net页面间数据传递(总结篇)
asp.net页面间数据传递(总结篇) 1. Get(即使用QueryString显式传递) 方式:在url后面跟参数. 特点:简单.方便. 缺点:字符串长度最长为255 ...
Servlet页面间对象传递的方法
Servlet页面间对象传递的方法 1.request 2.session 3.application 4.cookie 5.其它的
jQuery Mobile 笔记（1）- jQuery Mobile页面结构
jQuery Mobile页面解构 jQuery Mobile 的"页面"结构不同于传统的html页面,这样做是为了优化single page application的用户体验. ...
jQuery Mobile页面返回无需重新get
jquery mobile新版中没有返回按钮的解决方案 1. 需要在页面源代码的 page 中加上 data-add-back-btn="true" . 2.同时页面的代码中加上一 ...
javascript写的关于静态页面获取URL传递参数的函数［原创］
2005.04.29发表于blog.csdn.net/zxub 昨天搬家居然忘搬这篇文章了,郁闷~ 以前写了关于静态页面刷新后,跳转菜单定位的函数,前几天没事看了看,感觉还是有点问题,通用性不好,所以 ...

jquery mobile 页面间的传递参数

jquery mobile 页面间的传递参数相关推荐

最新文章

热门文章