js获取url中的参数,url中传递中文的时候通过js解码的方式

简介: 如果传递的参数是: <a href="${pageContext.request.contextPath}/productdisplay/productDisplay_productDisplayUI.action?pkId=${pkId}&name=${name}" style="color:white; margin-top:10px; margin-bottom:10

如果传递的参数是:

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

目录
相关文章
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
343 63
|
JavaScript 前端开发
js获取url参数值的几种方式
js获取url参数值的几种方式
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
137 4
JavaScript基础知识-函数的参数
|
存储 开发框架 JavaScript
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
470 0
Node.js实现短链接(ShortLink):shortid、epxress让URL更简单
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
111 3
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
376 0
【Azure API 管理】Azure API Management在设置 Policy时,如何对URL进行解码呢? 使用 HttpUtility.UrlDecode 出错
【Azure API 管理】Azure API Management在设置 Policy时,如何对URL进行解码呢? 使用 HttpUtility.UrlDecode 出错
135 0
|
开发框架 前端开发 .NET
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
253 0
|
Java
JAVA 获取 URL 指定参数的值
JAVA 获取 URL 指定参数的值
197 0

热门文章

最新文章