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 相关文章推荐
document 和 document.all 分别什么时候用
Jun 22 Javascript
7个Javascript地图脚本整理
Oct 20 Javascript
javascript记住用户名和登录密码(两种方式)
Aug 04 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
Jul 11 Javascript
js只执行1次的函数示例
Jul 20 Javascript
详解JavaScript权威指南之对象
Sep 27 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
Aug 26 Javascript
vue实现仿淘宝结账页面实例代码
Nov 08 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
浅谈Webpack自动化构建实践指南
Dec 18 Javascript
JS函数节流和函数防抖问题分析
Dec 18 Javascript
浅谈Vuex注入Vue生命周期的过程
May 20 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
先进的自动咖啡技术,真的可以取代咖啡师吗?
2021/03/06 冲泡冲煮
简单的页面缓冲技术
2006/10/09 PHP
Codeigniter注册登录代码示例
2014/06/12 PHP
PHP内核学习教程之php opcode内核实现
2016/01/27 PHP
ThinkPHP下表单令牌错误与解决方法分析
2017/05/20 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
PHP命名空间(namespace)原理与用法详解
2019/12/11 PHP
JavaScript Timer实现代码
2010/02/17 Javascript
ExtJs使用总结(非常详细)
2012/03/22 Javascript
jquery 定位input元素的几种方法小结
2013/07/28 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
类似于QQ的右滑删除效果的实现方法
2016/10/16 Javascript
Bootstrap源码解读下拉菜单(4)
2016/12/23 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
2017/02/04 Javascript
Bootstrap如何激活导航状态
2017/03/22 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
自定义PC微信扫码登录样式写法
2017/12/12 Javascript
python判断字符串是否纯数字的方法
2014/11/19 Python
浅谈python中的面向对象和类的基本语法
2016/06/13 Python
Python简单格式化时间的方法【strftime函数】
2016/09/18 Python
Python读取excel指定列生成指定sql脚本的方法
2018/11/28 Python
Python实现字符串匹配的KMP算法
2019/04/04 Python
解决Python安装时报缺少DLL问题【两种解决方法】
2019/07/15 Python
解决django 向mysql中写入中文字符出错的问题
2020/05/18 Python
Python3.9 beta2版本发布了,看看这7个新的PEP都是什么
2020/06/10 Python
python解释器安装教程的方法步骤
2020/07/02 Python
详解使用canvas保存网页为pdf文件支持跨域
2018/11/23 HTML / CSS
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
结构工程个人自荐信范文
2013/11/30 职场文书
晚归检讨书
2014/02/19 职场文书
大学毕业生求职自荐信
2014/02/20 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
保送生自荐信
2015/03/06 职场文书
Python实现信息轰炸工具(再也不怕说不过别人了)
2021/06/11 Python