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 validate使用攻略 第四步
Jul 01 Javascript
Javascript中的this绑定介绍
Sep 22 Javascript
JavaScript window.document的属性、方法和事件小结
Oct 24 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
Mar 05 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
May 25 Javascript
Vue.js实现网格列表布局转换方法
Aug 25 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
Sep 26 Javascript
JS处理一些简单计算题
Feb 24 Javascript
vue实现循环切换动画
Oct 17 Javascript
vue代码分割的实现(codesplit)
Nov 13 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
Apr 28 Javascript
vue.js实现双击放大预览功能
Jun 23 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 获取当前访问的url文件名的方法小结
2010/02/08 PHP
完美实现wordpress禁止文章修订和自动保存的方法
2014/11/03 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
详解php比较操作符的安全问题
2015/12/03 PHP
PHP使用两个栈实现队列功能的方法
2018/01/15 PHP
Add Formatted Data to a Spreadsheet
2007/06/12 Javascript
javascript 动态生成私有变量访问器
2009/12/06 Javascript
使用javascipt---实现二分查找法
2013/04/10 Javascript
Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例
2013/06/25 Javascript
IE下写xml文件的两种方式(fso/saveAs)
2013/08/05 Javascript
jQuery实现的在线答题功能
2015/04/12 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
2015/12/13 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
2017/02/16 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
利用jquery和BootStrap实现动态滚动条效果
2018/12/03 jQuery
怎样使你的 JavaScript 代码简单易读(推荐)
2019/04/16 Javascript
微信小程序整合使用富文本编辑器的方法详解
2019/04/25 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
Python 自动补全(vim)
2014/11/30 Python
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
Python高级用法总结
2018/05/26 Python
wxPython:python首选的GUI库实例分享
2019/10/05 Python
python文字转语音的实例代码分析
2019/11/12 Python
解决Django no such table: django_session的问题
2020/04/07 Python
通过代码实例解析Pytest运行流程
2020/08/20 Python
大学在校生求职信范文
2013/11/21 职场文书
技术副厂长岗位职责
2013/12/26 职场文书
班主任寄语大全
2014/04/04 职场文书
信用社主任竞聘演讲稿
2014/05/23 职场文书
教育合作协议范本
2014/10/17 职场文书
毕业论文指导老师意见
2015/06/04 职场文书
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python