45、JS 获取URL传递参数数据

原创于 2019-10-22 10:28:52 发布 · 197 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍两种从URL中获取查询参数的方法：使用正则表达式和数组。第一种方法通过正则表达式匹配URL中的参数，第二种方法将URL的查询部分分割成数组进行解析。

方式一、正则表达式

function GetQueryString(name) { 
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
    var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
    var context = ""; 
    if (r != null) 
        context = r[2]; 
    reg = null; 
    r = null; 
    return context == null || context == "" || context == "undefined" ? "" : context; 
}

方式二、数组

function GetQueryString(name) {
    var url = location.search; //获取url中"?"符后的字串
    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]]=unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest[name];
}