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 相关文章推荐
javascript浏览器兼容教程之事件处理
Jun 09 Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
Jquery实现纵向横向菜单
Jan 24 Javascript
教你一步步用jQyery实现轮播器
Dec 18 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
Dec 19 Javascript
p5.js实现斐波那契螺旋的示例代码
Mar 22 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
详解封装基础的angular4的request请求方法
Jun 05 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
May 07 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
May 14 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
May 28 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 开源框架22个简单简介
2009/08/24 PHP
PHP实现的文件上传类与用法详解
2017/07/05 PHP
php实现图片压缩处理
2020/09/09 PHP
javascript XML数据显示为HTML一例
2008/12/23 Javascript
JavaScript 笔记二 Array和Date对象方法
2010/05/22 Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
2011/05/12 Javascript
jQuery :nth-child前有无空格的区别分析
2011/07/11 Javascript
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
jQuery的animate函数学习记录
2014/08/08 Javascript
针对JavaScript中this指向的简单理解
2016/08/26 Javascript
jQuery 判断元素整理汇总
2017/02/28 Javascript
angularjs指令之绑定策略(@、=、&amp;)
2017/04/13 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
vue组件watch属性实例讲解
2017/11/07 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
2018/01/08 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
2018/09/16 Javascript
从源码里了解vue中的nextTick的使用
2018/11/22 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
Vue watch响应数据实现方法解析
2020/07/10 Javascript
[18:16]sakonoko 2017年卡尔集锦
2018/02/06 DOTA
python-opencv颜色提取分割方法
2018/12/08 Python
python自动识别文本编码格式代码
2019/12/26 Python
pytorch加载自定义网络权重的实现
2020/01/07 Python
如何学习Python time模块
2020/06/03 Python
详解Pycharm第三方库的安装及使用方法
2020/12/29 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
利用CSS3的线性渐变linear-gradient制作边框的示例
2016/06/02 HTML / CSS
商场总经理岗位职责
2014/02/03 职场文书
学校后勤岗位职责
2014/02/19 职场文书
判缓刑人员个人思想汇报
2014/10/10 职场文书
发布会邀请函
2015/01/31 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书
《岳阳楼记》原文、译文赏析
2019/09/10 职场文书
自从在 IDEA 中用了热部署神器 JRebel 之后,开发效率提升了 10(真棒)
2021/06/26 Java/Android
一文搞懂PHP中的抽象类和接口
2022/05/25 PHP