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 相关文章推荐
js下通过prototype扩展实现indexOf的代码
Dec 08 Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
javascript的tab切换原理与效果实现方法
Jan 10 Javascript
JavaScript将字符串转换成字符编码列表的方法
Mar 19 Javascript
jQuery 监控键盘一段时间没输入
Apr 22 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
Dec 15 Javascript
浅谈React深度编程之受控组件与非受控组件
Dec 26 Javascript
webpack源码之loader机制详解
Apr 06 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
layui字体图标 loading图标静止不旋转的解决方法
Sep 23 Javascript
构建一个JavaScript插件系统
Oct 20 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
Feb 26 Vue.js
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用数组返回无限分类的列表数据的代码
2010/08/08 PHP
php使用substr()和strpos()联合查找字符串中某一特定字符的方法
2015/05/12 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
jQuery处理xml格式的返回数据(实例解析)
2013/11/28 Javascript
JavaScript获取当前页面上的指定对象示例代码
2014/02/28 Javascript
jquery实现的3D旋转木马特效代码分享
2015/08/25 Javascript
Javascript中replace()小结
2015/09/30 Javascript
JavaScript数组去重的五种方法
2015/11/05 Javascript
jQuery侧边栏实现代码
2016/05/06 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
Google 地图控件集详解及实例代码
2016/08/06 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
JS中实现浅拷贝和深拷贝的代码详解
2019/06/05 Javascript
解决vue-cli输入命令vue ui没效果的问题
2020/11/17 Javascript
基于VUE实现简单的学生信息管理系统
2021/01/13 Vue.js
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
python访问纯真IP数据库的代码
2011/05/19 Python
python fabric使用笔记
2015/05/09 Python
Python的collections模块中的OrderedDict有序字典
2016/07/07 Python
Python计算斗牛游戏概率算法实例分析
2017/09/26 Python
python密码错误三次锁定(实例讲解)
2017/11/14 Python
Django框架多表查询实例分析
2018/07/04 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
求网格中的黑点分布
2013/11/06 面试题
学生手册评语
2014/05/05 职场文书
儿童生日会策划方案
2014/05/15 职场文书
兽医医药专业求职信
2014/07/27 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
义诊活动总结
2015/02/04 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
离婚起诉书怎么写
2015/05/19 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书
关于golang高并发的实现与注意事项说明
2021/05/08 Golang