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 相关文章推荐
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
JavaScript将字符串转换成字符编码列表的方法
Mar 19 Javascript
Bootstrap每天必学之滚动监听
Mar 16 Javascript
Bootstrap基本样式学习笔记之标签(5)
Dec 07 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
Feb 24 Javascript
基于React实现表单数据的添加和删除详解
Mar 14 Javascript
ES6实现的遍历目录函数示例
Apr 07 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
Nov 08 Javascript
p5.js绘制创意自画像
Nov 04 Javascript
Vue.js实现立体计算器
Feb 22 Javascript
uniapp 微信小程序 自定义tabBar 导航
Apr 22 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
destoon实现VIP排名一直在前面排序的方法
2014/08/21 PHP
Windows下的PHP安装pear教程
2014/10/24 PHP
PHP实现返回JSON和XML的类分享
2015/01/28 PHP
在CentOS上搭建LAMP+vsftpd环境的简单指南
2015/08/01 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
浅谈Coreseek、Sphinx-for-chinaese、Sphinx+Scws的区别
2016/12/15 PHP
PHP登录(ajax提交数据和后台校验)实例分享
2016/12/29 PHP
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
2007/04/12 Javascript
DOMAssitant最新版 DOMAssistant 2.5发布
2007/12/25 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
通过正则格式化url查询字符串实现代码
2012/12/28 Javascript
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
jQuery处理xml格式的返回数据(实例解析)
2013/11/28 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
2014/05/28 Javascript
jQuery实现的进度条效果
2015/07/15 Javascript
javascript运算符——位运算符全面介绍
2016/07/14 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
webpack实现热加载自动刷新的方法
2017/07/30 Javascript
Vue侧滑菜单组件——DrawerLayout
2017/12/18 Javascript
js实现一个简易计算器
2020/03/30 Javascript
从零学Python之hello world
2014/05/21 Python
python自然语言编码转换模块codecs介绍
2015/04/08 Python
python cx_Oracle的基础使用方法(连接和增删改查)
2017/11/19 Python
python opencv摄像头的简单应用
2019/06/06 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
Django logging配置及使用详解
2019/07/23 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
详解Python3迁移接口变化采坑记
2019/10/11 Python
Python内置函数locals和globals对比
2020/04/28 Python
在Pytorch中使用Mask R-CNN进行实例分割操作
2020/06/24 Python
2分钟教你实现环形/扇形菜单(基础版)
2020/01/15 HTML / CSS
经营理念口号
2014/06/21 职场文书
检察机关个人对照检查材料
2014/09/15 职场文书
2014年度思想工作总结
2014/11/27 职场文书
《倍数和因数》教学反思
2016/02/23 职场文书
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL