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 相关文章推荐
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
Extjs4中的分页应用结合前后台
Dec 13 Javascript
对table和ul实现js分页示例分享
Feb 24 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
Jun 05 Javascript
jquery ajax局部加载方法详解(实现代码)
May 12 Javascript
BootStrap Tooltip插件源码解析
Dec 27 Javascript
mint-ui的search组件在键盘显示搜索按钮的实现方法
Oct 27 Javascript
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 Javascript
vue 优化CDN加速的方法示例
Sep 19 Javascript
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
Oct 08 Javascript
如何区分vue中的v-show 与 v-if
Sep 08 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
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
php遍历文件夹下的所有文件和子文件夹示例
2014/03/20 PHP
php获取URL中带#号等特殊符号参数的解决方法
2014/09/02 PHP
php验证邮箱和ip地址最简单方法汇总
2015/10/30 PHP
浅谈php的TS和NTS的区别
2019/03/13 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
2013/11/18 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
开启BootStrap学习之旅
2016/05/04 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
使用nodejs+express实现简单的文件上传功能
2017/12/27 NodeJs
Vue实现穿梭框效果
2020/09/30 Javascript
Python中多线程的创建及基本调用方法
2016/07/08 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
深入理解Python中range和xrange的区别
2017/11/26 Python
Python + selenium + requests实现12306全自动抢票及验证码破解加自动点击功能
2018/11/23 Python
Python中logging.NullHandler 的使用教程
2018/11/29 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
解析Python3中的Import
2019/10/13 Python
用Python画小女孩放风筝的示例
2019/11/23 Python
8种常用的Python工具
2020/08/05 Python
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
优衣库英国官网:UNIQLO英国
2016/12/25 全球购物
英国领先的狗和宠物美容专家:Christies Direct
2017/04/03 全球购物
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/04/11 面试题
党校自我鉴定范文
2013/10/02 职场文书
校本教研工作方案
2014/01/14 职场文书
小学新学期教师寄语
2014/01/18 职场文书
物理力学求职信
2014/02/18 职场文书
婚礼主持词
2014/03/13 职场文书
志愿者活动总结报告
2014/06/27 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书