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的闭包
Dec 31 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
Nov 11 Javascript
JavaScript面向对象的实现方法小结
Apr 14 Javascript
javascript 中的 delete及delete运算符
Nov 15 Javascript
js闭包引起的事件注册问题介绍
Mar 29 Javascript
微信小程序“摇一摇”的实例代码
Jul 20 Javascript
js模块加载方式浅析
Aug 12 Javascript
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
React+Redux实现简单的待办事项列表ToDoList
Sep 29 Javascript
Vue 2.0双向绑定原理的实现方法
Oct 23 Javascript
JavaScript实现左右滚动电影画布
Feb 06 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 join()函数用法与实例讲解
2019/03/11 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
Prototype1.5 rc2版指南最后一篇之Position
2007/01/10 Javascript
jquery的ajax请求全面了解
2013/03/20 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
2013/12/27 Javascript
jQuery修改CSS伪元素属性的方法
2014/07/30 Javascript
jquery实现侧边弹出的垂直导航
2014/12/09 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
TypeError document.getElementById(...) is null错误原因
2015/05/18 Javascript
js基本算法:冒泡排序,二分查找的简单实例
2016/10/08 Javascript
jquery实现数字输入框
2017/02/22 Javascript
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
node.js支持多用户web终端实现及安全方案
2017/11/29 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
使用javascript做时间倒数读秒功能的实例
2019/01/23 Javascript
微信小程序(订阅消息)功能
2019/10/25 Javascript
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
Python操作Redis之设置key的过期时间实例代码
2018/01/25 Python
基于python if 判断选择结构的实例详解
2019/05/06 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
python实现图像拼接功能
2020/03/23 Python
如何用python实现一个HTTP连接池
2021/01/14 Python
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
荷兰美妆护肤品海淘网站:Beautinow(中文)
2020/11/22 全球购物
linux比较文件内容的命令是什么
2013/03/04 面试题
六十岁生日答谢词
2014/01/10 职场文书
触摸春天教学反思
2014/02/03 职场文书
数控技校生自我鉴定
2014/03/02 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
保密工作整改报告
2014/11/06 职场文书
确保工程质量承诺书
2015/04/29 职场文书
技术入股协议书
2016/03/22 职场文书
安全责任协议书范本
2016/03/23 职场文书
MySQL 使用索引扫描进行排序
2021/06/20 MySQL