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 相关文章推荐
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
Jun 29 Javascript
JS等比例缩小图片尺寸的实例
Feb 27 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
Jan 18 Javascript
深入理解关于javascript中apply()和call()方法的区别
Apr 12 Javascript
微信小程序开发之Tabbar实例详解
Jan 09 Javascript
微信小程序报错:this.setData is not a function的解决办法
Sep 27 Javascript
javaScript实现游戏倒计时功能
Nov 17 Javascript
在微信小程序中使用图表的方法示例
Apr 25 Javascript
JavaScript获取页面元素的常用方法详解
Sep 28 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
JS使用for in有序获取对象数据
May 19 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输出反斜杠的实例方法
2019/09/19 PHP
pjblog中的UBBCode.js
2007/04/25 Javascript
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
jQuery-Easyui 1.2 实现多层菜单效果的代码
2012/01/13 Javascript
javascript的动态加载、缓存、更新以及复用(一)
2014/06/09 Javascript
深入理解Javascript中this的作用域
2014/08/12 Javascript
JavaScript分秒倒计时器实现方法
2015/02/02 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
js和jquery中获取非行间样式
2017/05/05 jQuery
JavaScript如何获取到导航条中HTTP信息
2017/10/10 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
vue图片上传本地预览组件使用详解
2019/02/20 Javascript
[04:38]完美世界携手游戏风云打造 卡尔工作室饰品系统篇
2013/04/25 DOTA
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
用Python进行一些简单的自然语言处理的教程
2015/03/31 Python
Python爬虫实现网页信息抓取功能示例【URL与正则模块】
2017/05/18 Python
python爬虫框架talonspider简单介绍
2017/06/09 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
python实现对任意大小图片均匀切割的示例
2018/12/05 Python
Python 正则表达式 re.match/re.search/re.sub的使用解析
2019/07/22 Python
Python实现bilibili时间长度查询的示例代码
2020/01/14 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
利用Canvas模仿百度贴吧客户端loading小球的方法示例
2017/08/13 HTML / CSS
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
美术教师自我鉴定
2014/02/12 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
宣传口号大全
2014/06/16 职场文书
教师党的群众路线教育实践活动个人整改措施
2014/11/04 职场文书
团组织推优材料
2014/12/29 职场文书
八年级上册语文教学计划
2015/01/22 职场文书
党风廉正建设个人工作总结
2015/03/06 职场文书
劳动保障事务所个人工作总结
2015/08/12 职场文书
2019年公司快递收发管理制度模板
2019/11/20 职场文书
python第三方网页解析器 lxml 扩展库与 xpath 的使用方法
2021/04/06 Python
利用python实时刷新基金估值(摸鱼小工具)
2021/09/15 Python