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下attr和removeAttr的使用方法
Dec 28 Javascript
javascript中不提供sleep功能如何实现这个功能
May 27 Javascript
js判断当前页面在移动设备还是在PC端中打开
Jan 06 Javascript
ECharts仪表盘实例代码(附源码下载)
Feb 18 Javascript
BootStrap selectpicker
Jun 20 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
Jan 20 Javascript
swiper自定义分页器使用方法详解
Sep 14 Javascript
微信小程序ibeacon三点定位详解
Oct 31 Javascript
微信小程序实现留言板(Storage)
Nov 02 Javascript
基于vue实现一个神奇的动态按钮效果
May 15 Javascript
VUE注册全局组件和局部组件过程解析
Oct 10 Javascript
js利用iframe实现选项卡效果
Aug 09 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
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
js constructor的实际作用分析
2011/11/15 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
2012/01/15 Javascript
jquery中的mouseleave和mouseout的区别 模仿下拉框效果
2012/02/07 Javascript
jQuery contains过滤器实现精确匹配使用方法
2013/04/12 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
2016/02/03 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
2017/01/25 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
ReactNative短信验证码倒计时控件的实现代码
2017/07/20 Javascript
对 Vue-Router 进行单元测试的方法
2018/11/05 Javascript
JointJS JavaScript流程图绘制框架解析
2019/08/15 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
2020/04/24 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
python创建文件备份的脚本
2018/09/11 Python
Python UnboundLocalError和NameError错误根源案例解析
2018/10/31 Python
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
python实现浪漫的烟花秀
2019/01/30 Python
解决python3中的requests解析中文页面出现乱码问题
2019/04/19 Python
python开启debug模式的方法
2019/06/27 Python
利用Python库Scapy解析pcap文件的方法
2019/07/23 Python
使用python实现离散时间傅里叶变换的方法
2019/09/02 Python
CSS3之transition实现下划线的示例代码
2018/05/30 HTML / CSS
YSL圣罗兰美妆美国官网:Yves Saint Lauret US
2016/11/21 全球购物
法国房车租赁网站:Yescapa
2019/08/26 全球购物
拉飞逸官网:Lafayette 148 New York
2020/07/15 全球购物
怎样创建、运行java程序
2014/08/01 面试题
优秀教师自我评价范文
2014/09/27 职场文书
求职简历自我评价范文
2015/03/10 职场文书
八一建军节主持词
2015/07/01 职场文书
秋季运动会加油词
2015/07/18 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
Java 数据结构七大排序使用分析
2022/04/02 Java/Android