js获取url参数值的方法总结(亲测)

￡神魔★判官ぃ 2021-12-16 12:55 316阅读 0赞

###  1、方式一：通过字符串截取的方式获取参数值； ###

1）、函数一：获取URL中的参数名及参数值的集合

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

var parms_1 = GetRequest();
    console.log(parms_1); // {"uid":"admin","rid":"1","fid":"2","name":"小明"}
    console.log(parms_1['name']); // '小明'
    var parms_2 = GetRequest('http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明');
    console.log(parms_2); // {"uid":"admin","rid":"1","fid":"2","name":"小明"}
    console.log(parms_2['name']); // '小明'

2）、函数二：通过参数名获取url中的参数值

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

var queryVal=GetQueryValue('name');
    console.log(queryVal);// 小明

### 2、方式二：通过正则获取到参数值； ###

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

var queryVal=GetQueryValue1('name');
    console.log(queryVal);// 小明

▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  
***博客园同步更新地址：***[https://www.cnblogs.com/willingtolove/p/11134762.html][https_www.cnblogs.com_willingtolove_p_11134762.html]  
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲

[https_www.cnblogs.com_willingtolove_p_11134762.html]: https://www.cnblogs.com/willingtolove/p/11134762.html