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 实现Json查询的方法实例
Apr 12 Javascript
使用Chart.js图表库制作漂亮的响应式表单
Oct 28 Javascript
大型JavaScript应用程序架构设计模式
Jun 29 Javascript
JavaScript中的this引用(推荐)
Aug 05 Javascript
ES6新特性五:Set与Map的数据结构实例分析
Apr 21 Javascript
浅谈Angular2 模块懒加载的方法
Oct 04 Javascript
vue 过滤器filter实例详解
Mar 14 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
Sep 27 Javascript
JS实现继承的几种常用方式示例
Jun 22 Javascript
Vue.js路由实现选项卡简单实例
Jul 24 Javascript
npx create-react-app xxx创建项目报错的解决办法
Feb 17 Javascript
JavaScript流程控制(循环)
Dec 06 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
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
PHP读取txt文本文件并分页显示的方法
2015/03/11 PHP
Smarty分页实现方法完整实例
2016/05/11 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
JavaScript中的Document文档对象
2008/01/16 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
2012/09/17 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
2013/04/11 Javascript
javascript实现des解密加密全过程
2014/04/03 Javascript
javascript定义变量时有var和没有var的区别探讨
2014/07/21 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
javascript关于继承解析
2016/05/10 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
2016/05/17 Javascript
JavaScript核心语法总结(推荐)
2016/06/02 Javascript
Spring MVC中Ajax实现二级联动的简单实例
2016/07/06 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
2017/01/22 Javascript
JS简单判断函数是否存在的方法
2017/02/13 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
2017/02/13 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
2020/10/29 Javascript
[53:52]OG vs EG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python数据结构与算法之图结构(Graph)实例分析
2017/09/05 Python
Python实现判断给定列表是否有重复元素的方法
2018/04/11 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
对Python3 pyc 文件的使用详解
2019/02/16 Python
Python中typing模块与类型注解的使用方法
2019/08/05 Python
美国最大网上鞋店:Zappos
2016/07/25 全球购物
俄罗斯三星品牌商店:Samsungstore
2020/04/05 全球购物
英国在线定做百叶窗网站:Make My Blinds
2020/08/17 全球购物
如果一个类实现了多个接口但是这些接口有相同的方法名将会怎样
2013/06/16 面试题
接口的多继承会带来哪些问题
2015/08/17 面试题
个人实用的自我评价范文
2013/11/23 职场文书
银行求职信怎么写
2014/05/26 职场文书
排查整治工作方案
2014/06/09 职场文书
大学课外活动总结
2014/07/09 职场文书
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python