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 相关文章推荐
Mootools 1.2教程 同时进行多个形变动画
Sep 15 Javascript
javascript调试说明
Jun 07 Javascript
jquery键盘事件介绍
Jan 31 Javascript
自己动手开发jQuery插件教程
Aug 25 Javascript
js拖拽一些常见的思路方法整理
Mar 19 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
Aug 02 Javascript
详解jQuery事件
Jan 13 Javascript
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
JS实现自定义弹窗功能
Aug 08 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
Apr 04 Javascript
如何用JavaScipt测网速
May 09 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
snoopy 强大的PHP采集类使用实例代码
2010/12/09 PHP
php数字转汉字代码(算法)
2011/10/08 PHP
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
smarty模板引擎中自定义函数的方法
2015/01/22 PHP
php输出指定时间以前时间格式的方法
2015/03/21 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
asp.net和php的区别点总结
2019/10/10 PHP
JavaScript DOM 学习第九章 选取范围的介绍
2010/02/19 Javascript
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
js实现有时间限制消失的图片方法
2015/02/27 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
详解Angular2组件之间如何通信
2017/06/22 Javascript
javascript 日期相减-在线教程(附代码)
2017/08/17 Javascript
gulp安装以及打包合并的方法教程
2017/11/19 Javascript
vue 使用eventBus实现同级组件的通讯
2018/03/02 Javascript
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
python笔记(2)
2012/10/24 Python
Python中一行和多行import模块问题
2018/04/01 Python
Django中间件实现拦截器的方法
2018/06/01 Python
对python中的高效迭代器函数详解
2018/10/18 Python
实例讲解Python脚本成为Windows中运行的exe文件
2019/01/24 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
利用纯CSS3实现动态的自行车特效源码
2017/01/20 HTML / CSS
canvas需要在标签里直接定义宽高
2014/12/17 HTML / CSS
HTML+CSS+JavaScript实现图片3D展览的示例代码
2020/10/12 HTML / CSS
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
生产车间主任的个人自我鉴定
2013/10/25 职场文书
给民警的表扬信
2014/01/08 职场文书
超市重阳节活动方案
2014/02/10 职场文书
副科竞争上岗演讲稿
2014/05/12 职场文书
校园安全广播稿范文
2014/09/25 职场文书
2015上半年个人工作总结
2015/07/27 职场文书
求职自我评价参考范文
2019/05/16 职场文书
立秋之描写立秋的作文(五年级)
2019/08/08 职场文书
关于React Native 无法链接模拟器的问题
2021/06/21 Javascript
美元符号 $
2022/02/17 杂记