获取浏览器地址栏get请求的数据并存在一个对象中

最新推荐文章于 2025-05-20 13:51:21 发布

原创最新推荐文章于 2025-05-20 13:51:21 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#cookie #地址栏的url #对象 #浏览器 #location

JavaScript 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种通过JavaScript从URL中解析GET请求参数并转换为对象的方法，同时展示了如何读取特定的Cookie值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取该地址中所有的get请求的数据，把数据保存在一个对象中

例如 “www.xxxx.com/1.html?id=666&name=ccc&pwd=123456”

最终返回 { id:’666’,name:’ccc’,pwd:’123456’ } 这样对象该怎样做呢，看如下代码


function getData(){             // "www.xxxx.com/1.html?id=666&name=ccc&pwd=123456"
        var obj = {};
        var str = ocation.search;   // ?id=666&name=ccc&pwd=123456"

        if(str.indexOf('?') != -1){         // id=666&name=ccc&pwd=123456"

            str = str.substr(1);
        }

        var arr = str.split('&');        // ["id=666", "name=ccc" ,"pwd=123456"]

        arr.forEach(function(value,index){

            var arr1 = value.split('=');   // ["id","666"] ["name","ccc"]  ["pwd","123456]

            obj[arr1[0]] = arr1[1];

        })

        return.log(obj);          //   { id:'666',name:'ccc',pwd:'123456' }
    }

与上面类似的还有”cookie”的获取，输入”cookie”的键，获取对应的值

先设置一个cookie ： document.cookie=”id=888;expires=”+new Date(“2017-06-11”);

还是利用split方法


    function getCookieByName(name){

            var val = null;

            var cookies=document.cookie.split("; ");//["userName=ccc","userPwd=888"]


            cookies.forEach(function(value,index){

                //value:"userName=ccc"

                //为了判断当前值是不是name对应的，发现value是用=分割了cookie的名称和cookie的值

                var nameValues=value.split("=");

                if(nameValues[0]==name){

                    val=nameValues[1];
                }
            });

            return val;
        }