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 相关文章推荐
淘宝搜索框效果实现分析
Mar 05 Javascript
JS获取select-option-text_value的方法
Dec 26 Javascript
jquery中子元素和后代元素的区别示例介绍
Apr 02 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
Aug 21 Javascript
D3.js实现饼状图的方法详解
Sep 21 Javascript
值得分享的JavaScript实现图片轮播组件
Nov 21 Javascript
简单实现JS上传图片预览功能
Apr 14 Javascript
AngulaJS路由 ui-router 传参实例
Apr 28 Javascript
基于Vue过渡状态实例讲解
Sep 14 Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
Jun 17 Javascript
JS实现拖拽元素时与另一元素碰撞检测
Aug 27 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中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
2016/07/09 PHP
thinkphp配置文件路径的实现方法
2016/08/30 PHP
使用Entrust扩展包在laravel 中实现RBAC的功能
2020/03/16 PHP
Mootools 1.2教程 类(一)
2009/09/15 Javascript
jquery实现勾选复选框触发事件给input赋值
2015/02/01 Javascript
js获取当前日期时间及其它操作汇总
2015/04/17 Javascript
js+HTML5实现视频截图的方法
2015/06/16 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
一篇文章掌握RequireJS常用知识
2016/01/26 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
BOM系列第二篇之定时器requestAnimationFrame
2016/08/17 Javascript
JavaScript随机生成颜色的方法
2016/10/15 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
2017/01/08 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
2017/04/07 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
iview给radio按钮组件加点击事件的实例
2017/09/30 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
bootstrap-paginator服务器端分页使用方法详解
2020/02/13 Javascript
jupyter安装小结
2016/03/13 Python
Python三级目录展示的实现方法
2016/09/28 Python
python实现统计代码行数的小工具
2019/09/19 Python
python中Pexpect的工作流程实例讲解
2021/03/02 Python
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
台湾三立电视电商平台:电电购
2019/09/09 全球购物
上班上网检讨书
2014/01/29 职场文书
小松树教学反思
2014/02/11 职场文书
人事专员工作职责
2014/02/22 职场文书
银行竞聘演讲稿
2014/05/16 职场文书
工地宣传标语
2014/06/18 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
授权委托书协议书
2014/10/16 职场文书
党员承诺书格式范文
2015/04/28 职场文书
MySQL之DML语言
2021/04/05 MySQL
浅谈python数据类型及其操作
2021/05/25 Python
Java spring单点登录系统
2021/09/04 Java/Android