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网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
javascript实现动态模态绑定grid过程代码
Sep 22 Javascript
JavaScript实现列出数组中最长的连续数
Dec 29 Javascript
XML文件转化成NSData对象的方法
Aug 12 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
Oct 19 Javascript
React实践之Tree组件的使用方法
Sep 30 Javascript
微信小程序调用摄像头隐藏式拍照功能
Aug 22 Javascript
微信小程序开发实现的IP地址查询功能示例
Mar 28 Javascript
express如何解决ajax跨域访问session失效问题详解
Jun 20 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
Aug 02 jQuery
vue实现购物车列表
Jun 30 Javascript
vue点击标签切换选中及互相排斥操作
Jul 17 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
Terran兵种介绍
2020/03/14 星际争霸
PHP的宝库目录--PEAR
2006/10/09 PHP
如何对PHP程序中的常见漏洞进行攻击(上)
2006/10/09 PHP
javascript 小型动画组件与实现代码
2010/06/02 PHP
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
php中实现精确设置session过期时间的方法
2014/07/17 PHP
两种php实现图片上传的方法
2016/01/22 PHP
php轻松实现文件上传功能
2016/03/03 PHP
PHP实现微信申请退款功能
2018/10/01 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
Web版彷 Visual Studio 2003 颜色选择器
2007/01/09 Javascript
JQuery扩展插件Validate 3通过参数设置错误信息
2011/09/05 Javascript
多种方法判断Javascript对象是否存在
2013/09/22 Javascript
探讨js中的双感叹号判断
2013/11/11 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
详解JavaScript的Polymer框架中的通知交互
2015/07/29 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
BootStrap selectpicker
2016/06/20 Javascript
在Web关闭页面时发送Ajax请求的实现方法
2019/03/07 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
[01:05:40]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第三场
2014/05/24 DOTA
[36:20]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.17
2020/12/18 DOTA
使用python解析xml成对应的html示例分享
2014/04/02 Python
用Python计算三角函数之atan()方法的使用
2015/05/15 Python
python实现静态服务器
2019/09/05 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
N:Philanthropy官网:美国洛杉矶基础款服装
2020/06/09 全球购物
介绍一下Linux中的链接
2016/06/05 面试题
部门2015年度工作总结
2015/04/29 职场文书
2015年音乐教师个人工作总结
2015/05/20 职场文书
2016年优秀教师先进事迹材料
2016/02/26 职场文书
何时使用Map来代替普通的JS对象
2021/04/29 Javascript
python基础之类属性和实例属性
2021/10/24 Python
Vite + React从零开始搭建一个开源组件库
2022/06/25 Javascript