美文网首页
获取url的参数

获取url的参数

作者: 宏_4491 | 来源:发表于2021-10-14 11:59 被阅读0次

    获取URL中的参数名及参数值的集合

     /**
     2  * [获取URL中的参数名及参数值的集合]
     3  * 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明
     4  * @param {[string]} urlStr [当该参数不为空的时候,则解析该url中的参数集合]
     5  * @return {[string]}       [参数集合]
     6  */
     7 function GetRequest(urlStr) {
     8     if (typeof urlStr == "undefined") {
     9         var url = decodeURI(location.search); //获取url中"?"符后的字符串
    10     } else {
    11         var url = "?" + urlStr.split("?")[1];
    12     }
    13     var theRequest = new Object();
    14     if (url.indexOf("?") != -1) {
    15         var str = url.substr(1);
    16         strs = str.split("&");
    17         for (var i = 0; i < strs.length; i++) {
    18             theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
    19         }
    20     }
    21     return theRequest;
    22 }
    

    通过参数名获取url中的参数值

     1 /**
     2  * [通过参数名获取url中的参数值]
     3  * 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明
     4  * @param  {[string]} queryName [参数名]
     5  * @return {[string]}           [参数值]
     6  */
     7 function GetQueryValue(queryName) {
     8     var query = decodeURI(window.location.search.substring(1));
     9     var vars = query.split("&");
    10     for (var i = 0; i < vars.length; i++) {
    11         var pair = vars[i].split("=");
    12         if (pair[0] == queryName) { return pair[1]; }
    13     }
    14     return null;
    15 }
    

    通过正则获取到参数值;

     1 /**
     2  * [通过参数名获取url中的参数值]
     3  * 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明
     4  * @param  {[string]} queryName [参数名]
     5  * @return {[string]}           [参数值]
     6  */
     7 function GetQueryValue1(queryName) {
     8     var reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i");
     9     var r = window.location.search.substr(1).match(reg);
    10     if ( r != null ){
    11        return decodeURI(r[2]);
    12     }else{
    13        return null;
    14     }
    15  }
    

    相关文章

      网友评论

          本文标题:获取url的参数

          本文链接:https://www.haomeiwen.com/subject/ddoyoltx.html