JavaScript 获取 QueryString 参数

此文章发布于 62 个月前,部分信息可能已经过时,请自行斟酌确认。

Vue 本身是不提供从 URL 中获取 QueryString 参数的方法的,因为这种操作可以直接通过原生 JavaScript 实现,只需要自己写个简单的方法即可。

JS 获取 QueryString 参数:

//获取QueryString的数组
function getQueryString(){
     var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+","g")); 
     if(result == null){
         return "";
     }

     for(var i = 0; i < result.length; i++){
         result[i] = result[i].substring(1);
     }
     return result;
}

//根据QueryString参数名称获取值
function getQueryStringByName(name){
     var result = location.search.match(new RegExp("[\?\&]" + name+ "=([^\&]+)","i"));
     if(result == null || result.length < 1){
         return "";
     }
     return result[1];
}

//根据QueryString参数索引获取值
function getQueryStringByIndex(index){
     if(index == null){
         return "";
     }

     var queryStringList = getQueryString();
     if (index >= queryStringList.length){
         return "";
     }

     var result = queryStringList[index];
     var startIndex = result.indexOf("=") + 1;
     result = result.substring(startIndex);
     return result;
}
最后修改:2019 年 09 月 21 日 02 : 51 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论