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 相关文章推荐
jquery api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
判断控件是否已加载完成的代码
Feb 24 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
Oct 10 Javascript
jquery 插件学习(五)
Aug 06 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
最全面的JS倒计时代码
Sep 17 Javascript
微信小程序实现多宫格抽奖活动
Apr 15 Javascript
解决vue中对象属性改变视图不更新的问题
Feb 23 Javascript
JS利用prototype给类添加方法操作详解
Jun 21 Javascript
JS出现404错误原理及解决方案
Jul 01 Javascript
JS数组方法some、every和find的使用详情
Oct 05 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 简单日历实现代码
2009/10/28 PHP
浅谈PHP强制类型转换,慎用!
2013/06/06 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
Zend Framework过滤器Zend_Filter用法详解
2016/12/09 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
php中get_magic_quotes_gpc()函数说明
2017/02/06 PHP
php+javascript实现的动态显示服务器运行程序进度条功能示例
2017/08/07 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
Laravel5框架添加自定义辅助函数的方法
2018/08/01 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
jquery radio 操作代码
2011/03/16 Javascript
JavaScript数组Array对象增加和删除元素方法总结
2015/01/20 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
基于JavaScript实现自定义滚动条
2017/01/25 Javascript
Javascript 一些需要注意的细节(必看篇)
2017/07/08 Javascript
Vue引入jquery实现平滑滚动到指定位置
2018/05/09 jQuery
详解AngularJS 过滤器的使用
2018/06/02 Javascript
js图片无缝滚动插件使用详解
2020/05/26 Javascript
Angular8 Http拦截器简单使用教程
2019/08/20 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
[01:07:21]NAVI vs VG Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
Python解析json时提示“string indices must be integers”问题解决方法
2019/07/31 Python
Python封装成可带参数的EXE安装包实例
2019/08/24 Python
基于python生成英文版词云图代码实例
2020/05/16 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
HTML5的video标签的浏览器兼容性增强方案分享
2016/05/19 HTML / CSS
英国日常交易网站:Wowcher
2018/09/04 全球购物
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
男方父母证婚词
2014/01/12 职场文书
大学生创业项目方案
2014/03/08 职场文书
竞选演讲稿范文大全
2014/05/12 职场文书
活动宣传策划方案
2014/05/23 职场文书
单位接收证明格式
2015/06/18 职场文书
sqlserver连接错误之SQL评估期已过的问题解决
2022/03/23 SQL Server