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 相关文章推荐
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
Apr 27 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
jquery中each方法示例和常用选择器
Jul 08 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
Mar 02 Javascript
Angularjs中UI Router全攻略
Jan 29 Javascript
AngularJS directive返回对象属性详解
Mar 28 Javascript
基于javascript实现tab切换特效
Mar 29 Javascript
ES6新特性之Object的变化分析
Mar 31 Javascript
微信小程序网络请求的封装与填坑之路
Apr 01 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
jquery实现上传文件进度条
Mar 26 jQuery
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写的简易聊天室代码
2011/06/04 PHP
PHP 字符串长度判断效率更高的方法
2014/03/02 PHP
PHP源码分析之变量的存储过程分解
2014/07/03 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
PHP命名空间与自动加载类详解
2018/09/04 PHP
ext checkboxgroup 回填数据解决
2009/08/21 Javascript
js简单的表格添加行和删除行操作示例
2014/03/31 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
jQuery元素的隐藏与显示实例
2015/01/20 Javascript
JavaScript中return false的用法
2015/03/12 Javascript
plupload+artdialog实现多平台上传文件
2016/07/19 Javascript
JavaScript实现自动切换图片代码
2016/10/11 Javascript
angular分页指令操作
2017/01/09 Javascript
vue.js删除动态绑定的radio的指定项
2017/06/02 Javascript
Angular4 中常用的指令入门总结
2017/06/12 Javascript
使用Fullpage插件快速开发整屏翻页的页面
2017/09/13 Javascript
JavaScript的数据类型转换原则(干货)
2018/03/15 Javascript
node 使用 async 控制并发的方法
2018/05/07 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
js new Date()实例测试
2019/10/31 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
使用Vant完成Dialog弹框案例
2020/11/11 Javascript
[01:00:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第三场 1月10日
2021/03/11 DOTA
Python的多维空数组赋值方法
2018/04/13 Python
python中使用print输出中文的方法
2018/07/16 Python
python按照多个条件排序的方法
2019/02/08 Python
django认证系统 Authentication使用详解
2019/07/22 Python
Flask框架学习笔记之表单基础介绍与表单提交方式
2019/08/12 Python
Django实现将views.py中的数据传递到前端html页面,并展示
2020/03/16 Python
python中常见错误及解决方法
2020/06/21 Python
Python jieba结巴分词原理及用法解析
2020/11/05 Python
什么是Rollback Segment
2013/04/22 面试题
个人承诺书格式
2014/06/03 职场文书
JS如何使用剪贴板操作Clipboard API
2021/05/17 Javascript
详解Redis瘦身指南
2021/05/26 Redis