js获取url中的参数且参数为中文时通过js解码

227 阅读 0 评论 150 点赞

我是靠谱客的博主优雅雨，最近开发中收集的这篇文章主要介绍js获取url中的参数且参数为中文时通过js解码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如果传递的参数是：

复制代码代码如下:

 
<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]]); 