JS 逐个访问URL的每个查询字符串参数

前端之家收集整理的这篇文章主要介绍了JS 逐个访问URL的每个查询字符串参数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣JS 逐个访问URL的每个查询字符串参数的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。<br>
下面介绍一个函数,用于处理location.search的结果,以解析查询字符串,然后返回包含所有参数的一个对象。

比如  www.baidu.com?q=javascript&num=10 的访问地址,

其中location.search 查询字符串为 ?q=javascript&num=10,

解析后的结果为对象 {q:"javascript",num: 10},然后就可以通过对象的访问,取得每一个查询参数值。具体实现如下:
/**
 * @param 
 * @author 编程之家 jb51.cc jb51.cc
**/
function getQueryStringArgs() {
   var qs = (location.search.length > 0 ? location.search.substring(1) : ""),//取得查询字符串并去掉开头的问号
   args = {},//保存数据的对象
   items = qs.length ? qs.split("&") : [],//根据和号(&)来分割查询字符串,并返回name=value 格式的字符串数组
   item = null,   name = null,   value = null,   i = 0,   len = items.length;

//逐个将每一项添加到args 对象中
   for (i = 0; i < len; i++) {
   item = items[i].split("=");
   name = decodeURIComponent(item[0]);
   value = decodeURIComponent(item[1]);
   if (name.length) {
   		args[name] = value;
   }
   }
   return args;
}

下面给出了使用这个函数的示例:
//假设查询字符串是?q=javascript&num=10
var args = getQueryStringArgs();
console.log(args["q"]); //"javascript"
console.log(args["num"]); //"10"
 

猜你在找的JavaScript相关文章