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 处理网页内容的实现代码
Feb 15 Javascript
jQuery右键菜单contextMenu使用实例
Sep 28 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
Jul 05 Javascript
javascript不可用的问题探究
Oct 01 Javascript
使用npm发布Node.JS程序包教程
Mar 02 Javascript
jQuery操作Table技巧大汇总
Jan 23 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
May 12 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
Sep 02 Javascript
微信小程序实现发红包功能
Jul 11 Javascript
VeeValidate 的使用场景以及配置详解
Jan 11 Javascript
浅谈bootstrap layer.open中end的使用方法
Sep 12 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 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
关于php连接mssql:pdo odbc sql server
2011/07/20 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
JS在IE和FireFox之间常用函数的区别小结
2010/03/12 Javascript
javascript动态加载三
2012/08/22 Javascript
用js写了一个类似php的print_r输出换行功能
2013/02/18 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
2013/03/05 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
js控制不同的时间段显示不同的css样式的实例代码
2013/11/04 Javascript
js实现在字符串中提取数字
2013/11/05 Javascript
Js制作点击输入框时默认文字消失的效果
2015/09/05 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
2016/08/11 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
详解vue中computed 和 watch的异同
2017/06/30 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
详解angularjs实现echart图表效果最简洁教程
2017/11/29 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
javascript+css实现进度条效果
2020/03/25 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
python MySQLdb Windows下安装教程及问题解决方法
2015/05/09 Python
用生成器来改写直接返回列表的函数方法
2017/05/25 Python
python如何为被装饰的函数保留元数据
2018/03/21 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
【HTML5】3D模型--百行代码实现旋转立体魔方实例
2016/12/16 HTML / CSS
万得城电器土耳其网站:欧洲第一大电子产品零售商
2016/10/07 全球购物
世界最大的海报和艺术印刷商店:AllPosters.com
2017/02/01 全球购物
Notino匈牙利:购买香水和化妆品
2019/04/12 全球购物
银行门卫岗位职责
2013/12/29 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
团组织推优材料
2014/12/29 职场文书
海底两万里读书笔记
2015/06/26 职场文书
【DOTA2】半决赛强强对话~ PSG LGD vs EHOME - DPC 2022 CN REGIONAL FINALS WINTER
2022/04/02 DOTA
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android