欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

获取url路径中的参数

程序员文章站 2022-05-03 09:37:54
简介 运用js的时候,我们有时可能会有这样的需求,就是想要获取浏览器地址栏指定的一项参数,形如:https://i.cnblogs.com/EditPosts.aspx?postid=8628413&update=1, 你想要获取postid的内容8628413,或者update的内容1,那么下面就 ......

 

简介

运用js的时候,我们有时可能会有这样的需求,就是想要获取浏览器地址栏指定的一项参数,形如:https://i.cnblogs.com/EditPosts.aspx?postid=8628413&update=1,

你想要获取postid的内容8628413或者update的内容1那么下面就提供解决办法。

解决办法

其实解决办法也挺简单,只要通过一个函数就可以处理掉

 

        //当前url地址栏 file:///C:/Users/admin/Desktop/test.html?id=2
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            console.log(window.location.search)//?id=2
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }
        console.log(GetQueryString('id'))//2    

上面函数的用法很简单,只要把你想要的url参数传进去就可以拿到返回值,注意参数为字符串

发散思维

上面的函数是直接解决了获取当前页面url中的参数,有事我们可能不是想要处理url,而是想要获取特定字符串中的参数,形如:postid=8628413&update=1

然后你想要获取postid的对应的值那么要怎么做呢?

只需要理解下上面函数的原理就很好改写了

 

        function GetQueryString(str,name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");     
            //str = postid=8628413&update=1                   
            //其实str 就相当于 window.location.search.substr(1)
            var r = str.match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }
        console.log(GetQueryString('postid=8628413&update=1','postid'))