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 相关文章推荐
JS判断对象是否存在的10种方法总结
Dec 23 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
Apr 13 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
微信小程序实现倒计时补零功能
Jul 09 Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 Javascript
JS实现的简单tab切换功能完整示例
Jun 20 Javascript
js实现图片粘贴到网页
Dec 06 Javascript
webpack 最佳配置指北(推荐)
Jan 07 Javascript
JavaScript链式调用原理与实现方法详解
May 16 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
基于angular实现树形二级表格
Oct 16 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
攻克CakePHP系列三 表单数据增删改
2008/10/22 PHP
PHP获取windows登录用户名的方法
2014/06/24 PHP
php5.3不能连接mssql数据库的解决方法
2014/12/27 PHP
PHP实现QQ登录实例代码
2016/01/14 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
php接口技术实例详解
2016/12/07 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
jQuery中Nicescroll滚动条插件的用法
2016/11/10 Javascript
JavaScript生成图形验证码
2020/08/24 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
Nodejs封装类似express框架的路由实例详解
2020/01/05 NodeJs
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
用Python实现命令行闹钟脚本实例
2016/09/05 Python
Python continue继续循环用法总结
2018/06/10 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
Python中使用遍历在列表中添加字典遇到的坑
2019/02/27 Python
Python实现字符型图片验证码识别完整过程详解
2019/05/10 Python
Python Pandas 如何shuffle(打乱)数据
2019/07/30 Python
python argparser的具体使用
2019/11/10 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
Python批量处理csv并保存过程解析
2020/05/16 Python
Python3如何使用range函数替代xrange函数
2020/10/05 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
Python django框架 web端视频加密的实例详解
2020/11/20 Python
科颜氏香港官方网店:Kiehl’s香港
2021/03/07 全球购物
英语专业学子个人的自我评价
2013/10/02 职场文书
应届生自我鉴定
2013/12/11 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
朋友聚会开场白
2015/06/01 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书
2016年优秀教师先进事迹材料
2016/02/26 职场文书
使用MybatisPlus打印sql语句
2022/04/22 SQL Server
MySQL数据库中的锁、解锁以及删除事务
2022/05/06 MySQL