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 相关文章推荐
利用WebBrowser彻底解决Web打印问题(包括后台打印)
Jun 22 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
第一次接触神奇的Bootstrap网格系统
Jul 27 Javascript
JavaScript蒙板(model)功能的简单实现代码
Aug 04 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
JS实现简单的二元方程计算器功能示例
Jan 03 Javascript
微信小程序适配iphoneX的实现方法
Sep 18 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
Oct 12 Javascript
Vue项目引发的「过滤器」使用教程
Mar 12 Javascript
vue中v-show和v-if的异同及v-show用法
Jun 06 Javascript
vue 调用 RESTful风格接口操作
Aug 11 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 session 预定义数组
2009/03/16 PHP
php+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
php下载远程大文件(获取远程文件大小)的实例
2017/06/17 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
尝试在让script的type属性等于text/html
2013/01/15 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
JQuery给网页更换皮肤的方法
2015/05/30 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
JS获取多维数组中相同键的值实现方法示例
2017/01/06 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
Bootstrap超大屏幕的实现代码
2017/03/22 Javascript
vue中element组件样式修改无效的解决方法
2018/02/03 Javascript
Vue 去除路径中的#号
2018/04/19 Javascript
element上传组件循环引用及简单时间倒计时的实现
2018/10/01 Javascript
JavaScript对象拷贝与赋值操作实例分析
2018/12/10 Javascript
在Lighttpd服务器中运行Django应用的方法
2015/07/22 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
Python使用APScheduler实现定时任务过程解析
2019/09/11 Python
python 表格打印代码实例解析
2019/10/12 Python
numpy按列连接两个维数不同的数组方式
2019/12/06 Python
英国知名奢侈品包包品牌:Milli Millu
2016/12/22 全球购物
自荐信的基本格式
2014/02/22 职场文书
2014年3.15团委活动总结
2014/03/16 职场文书
酒店总经理岗位职责
2014/03/17 职场文书
好习惯伴我成长演讲稿
2014/05/21 职场文书
高效课堂标语
2014/06/26 职场文书
公司演讲稿开场白
2014/08/25 职场文书
中职招生先进个人材料
2014/08/31 职场文书
医药销售自我评价200字
2014/09/11 职场文书
AI:如何训练机器学习的模型
2021/04/16 Python
使用javascript解析二维码的三种方式
2021/11/11 Javascript
mysql幻读详解实例以及解决办法
2022/06/16 MySQL