js获取url中的参数且参数为中文时通过js解码


Posted in Javascript onMarch 19, 2014

如果传递的参数是:

<a href="${pageContext.request.contextPath}/productdisplay/productDisplay_productDisplayUI.action?pkId=${pkId}&name=${name}" style="color:white; margin-top:10px; margin-bottom:10px;">${name}</a>

获取url参数的js如下:
/** 初始化加载结束 */ 
function getUrlVars(){ 
var vars = [], hash; 
var hashes = window.location.href.slice(window.location.href.indexOf('?')+1).split('&'); 
for(var i = 0; i < hashes.length; i++) { 
hash = hashes[i].split('='); 
vars.push(hash[0]); 
vars[hash[0]] = hash[1]; 
} 
return vars; 
}

如果url中有中文,则取参数的时候会有中文乱码,得用decodeURI()方法解码,方式如下:
//获得所属分类的pkId 
var params = getUrlVars(); 
//获得此中分类的id 
var parentId = params[params[0]]; 
//获得分类的名称 
var productName = decodeURI(params[params[1]]);
Javascript 相关文章推荐
jQuery 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
JavaScript 面向对象编程(2) 定义类
May 18 Javascript
jquery $.ajax各个事件执行顺序
Oct 15 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
Sep 05 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Jul 21 Javascript
将文本输入框内容加入表中的js代码
Aug 18 Javascript
js中的for如何实现foreach中的遍历
May 31 Javascript
JavaScript中对象的不同创建方法
Aug 12 Javascript
jQuery子元素过滤选择器用法示例
Sep 09 Javascript
javascript实现简单的ajax封装示例
Dec 28 Javascript
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
js中offset,client , scroll 三大元素知识点总结
Sep 11 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
Mar 19 #Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 #Javascript
javascript + jquery实现定时修改文章标题
Mar 19 #Javascript
深入理解Javascript里的依赖注入
Mar 19 #Javascript
js判断字符长度及中英文数字等
Mar 19 #Javascript
引入autocomplete组件时JS报未结束字符串常量错误
Mar 19 #Javascript
写出高效jquery代码的19条指南
Mar 19 #Javascript
You might like
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
使用字符串函数输出整数化的PHP版本号
2006/10/09 PHP
php漏洞之跨网站请求伪造与防止伪造方法
2013/08/15 PHP
Zend Framework教程之分发器Zend_Controller_Dispatcher用法详解
2016/03/07 PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
2018/08/17 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
2019/04/11 PHP
简单的JS多重继承示例
2008/03/13 Javascript
JS getStyle获取最终样式函数代码
2010/04/01 Javascript
Js组件的一些写法
2010/09/10 Javascript
获取客户端电脑日期时间js代码(jquery)
2012/09/12 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
jQuery对象的selector属性用法实例
2014/12/27 Javascript
JS中with的替代方法与String中的正则方法详解
2016/12/23 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
2017/01/01 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
详解ESLint在Vue中的使用小结
2018/10/15 Javascript
微信小程序实现购物车代码实例详解
2019/08/29 Javascript
Javascript模拟实现new原理解析
2020/03/03 Javascript
python通过floor函数舍弃小数位的方法
2015/03/17 Python
python里运用私有属性和方法总结
2019/07/08 Python
django rest framework vue 实现用户登录详解
2019/07/29 Python
python+selenium+Chrome options参数的使用
2020/03/18 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
python进度条显示之tqmd模块
2020/08/22 Python
Python OpenCV中的numpy与图像类型转换操作
2020/12/11 Python
HTML5未来发展趋势
2016/02/01 HTML / CSS
加拿大时尚少女服装品牌:Garage
2016/10/10 全球购物
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
JSF界面控制层技术
2013/06/17 面试题
安全生产中长期规划实施方案
2014/02/21 职场文书
党员承诺践诺书
2014/05/20 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
2015年度培训工作总结范文
2015/04/02 职场文书
经典《舰娘》游改全新动画预告 预定11月开播
2022/04/01 日漫
python playwrigh框架入门安装使用
2022/07/23 Python