JS实现页面跳转参数不丢失的方法


Posted in Javascript onNovember 28, 2016

本文实例讲述了JS实现页面跳转参数不丢失的方法。分享给大家供大家参考,具体如下:

需求:页面编辑后,返回列表页面,参数不丢失,能够记住页数以及筛选条件。

我坚信,不管白猫黑猫,能捉到耗子的就是好猫,当然如果能够高效的,简单的处理最好。

我的思路就是,把列表页面地址作为参数传递过去。

这里就会面临一个问题,url本身就是由多个参数组成的,这样纯粹的传递,就会出问题,参数丢失。

所以要对url进行加密。

escape()、encodeURI()、encodeURIComponent()

JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 。

escape()除了 ASCII 字母、数字和特定的符号外,对传进来的字符串全部进行转义编码,因此如果想对URL编码,最好不要使用此方法。而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换。encodeURIComponent方法在编码单个URIComponent(指请求参数)应当是最常用的,它可以将参数中的中文、特殊字符进行转义,而不会影响整个URL。

经过测试,发现encodeURIComponent方法可以很好的解决这个问题。

1.设置url

// 设置当前url
var list_url = '/document/order/default.php?page=' + page_nums + '&'+ $("#form1").serialize();
var e_list_url = encodeURIComponent(list_url);
$("#list_url").val(e_list_url);

2.传递url

var list_url = $('#list_url').val();
window.location.href='/document/order/view.php?order_id='+order_id+'&action=edit&handler=admin&list_url='+list_url;

3.解析url并跳转

var list_url = '<?php echo $list_url;?>';
d_list_url = decodeURIComponent(list_url);
window.location.href = d_list_url;

这样就能实现,参数不丢失了。主要就是页码和筛选条件。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jQuery创建插件的代码分析
Apr 14 Javascript
javascript复制对象使用说明
Jun 28 Javascript
js 调用本地exe的例子(支持IE内核的浏览器)
Dec 26 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
javascript数组遍历for与for in区别详解
Dec 04 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
Dec 08 Javascript
Vue.js实现网格列表布局转换方法
Aug 25 Javascript
mongoose更新对象的两种方法示例比较
Dec 19 Javascript
深入理解JS的事件绑定、事件流模型
May 13 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
单线程JavaScript实现异步过程详解
May 19 Javascript
String字符串截取的四种方式总结
Nov 28 #Javascript
localStorage实现便签小程序
Nov 28 #Javascript
JavaScript实现邮箱地址自动匹配功能代码
Nov 28 #Javascript
Jquery循环截取字符串的方法(多出的字符串处理成&quot;...&quot;)
Nov 28 #Javascript
基于iscroll.js实现下拉刷新和上拉加载效果
Nov 28 #Javascript
正则表达式,替换所有HTML标签的简单实例
Nov 28 #Javascript
基于slideout.js实现移动端侧边栏滑动特效
Nov 28 #Javascript
You might like
如何使用Strace调试工具
2013/06/03 PHP
zf框架db类的分页示例分享
2014/03/14 PHP
永不消失的title提示代码
2007/02/15 Javascript
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
jquery中this的使用说明
2010/09/06 Javascript
apycom出品的jQuery精美菜单破解方法
2011/02/18 Javascript
js拖拽一些常见的思路方法整理
2014/03/19 Javascript
深入浅出理解JavaScript闭包的功能与用法
2018/08/01 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
Vue实现搜索结果高亮显示关键字
2019/05/28 Javascript
vue+element 模态框表格形式的可编辑表单实现
2019/06/07 Javascript
nodejs实现获取本地文件夹下图片信息功能示例
2019/06/22 NodeJs
vue 更改连接后台的api示例
2019/11/11 Javascript
[02:45]2016年中国刀塔全程回顾,完美“圣”典即将上演
2016/12/15 DOTA
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
python文件写入实例分析
2015/04/08 Python
列举Python中吸引人的一些特性
2015/04/09 Python
python编写简单爬虫资料汇总
2016/03/22 Python
python中的随机函数小结
2018/01/27 Python
python 伯努利分布详解
2020/02/25 Python
Python pip install如何修改默认下载路径
2020/04/29 Python
CSS3 伪类选择器 nth-child()说明
2010/07/10 HTML / CSS
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
Html5新增标签与样式及让元素水平垂直居中
2019/07/11 HTML / CSS
美国正宗设计师眼镜在线零售商:EYEZZ
2019/03/23 全球购物
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题
招聘与培训专员岗位职责
2014/01/30 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
群众路线个人整改方案
2014/10/25 职场文书
干部个人考察材料
2014/12/24 职场文书
颐和园导游词400字
2015/01/30 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
获奖感言一句话
2015/07/31 职场文书
安全学习心得体会范文
2016/01/18 职场文书
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python