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 相关文章推荐
node.js中的buffer.slice方法使用说明
Dec 10 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
详解Javascript继承的实现
Mar 25 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
Angular-Touch库用法示例
Dec 22 Javascript
自定义vue全局组件use使用、vuex的使用详解
Jun 14 Javascript
浅谈JS如何实现真正的对象常量
Jun 25 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
Aug 11 Javascript
详解Webpack多环境代码打包的方法
Aug 03 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
Sep 18 Javascript
vue实现lodop打印功能的示例
Nov 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
php获取mysql数据库中的所有表名的代码
2011/04/23 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
区分JS中的undefined,null,&quot;&quot;,0和false
2007/03/08 Javascript
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
关于include标签导致js路径找不到的问题分析及解决
2013/07/09 Javascript
利用js(jquery)操作Cookie的方法说明
2013/12/19 Javascript
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
Vue 全局loading组件实例详解
2018/05/29 Javascript
Vue不能检测到Object/Array更新的情况的解决
2018/06/26 Javascript
Vue基本使用之对象提供的属性功能
2019/04/30 Javascript
CKeditor4 字体颜色功能配置方法教程
2019/06/26 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
js原生map实现的方法总结
2020/01/19 Javascript
原生js+canvas实现下雪效果
2020/08/02 Javascript
Python图算法实例分析
2016/08/13 Python
Python贪心算法实例小结
2018/04/22 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
理解Django 中Call Stack机制的小Demo
2020/09/01 Python
python如何遍历指定路径下所有文件(按按照时间区间检索)
2020/09/14 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
吃透移动端 1px的具体用法
2019/12/16 HTML / CSS
西班牙美妆电商:Perfume’s Club(有中文站)
2018/08/08 全球购物
博士生专家推荐信
2014/09/26 职场文书
职称评定个人总结
2015/03/05 职场文书
植物园观后感
2015/06/11 职场文书
四则混合运算教学反思
2016/02/23 职场文书
2019年工作总结范文
2019/05/21 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书
想创业成功,需要掌握这些要点
2019/12/06 职场文书
html中显示特殊符号(附带特殊字符对应表)
2021/06/21 HTML / CSS
MySQL中存储时间的最佳实践指南
2021/07/01 MySQL
Python万能模板案例之matplotlib绘制直方图的基本配置
2022/04/13 Python
python运行脚本文件的三种方法实例
2022/06/25 Python