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

野性酷女 2022-06-14 05:14 158阅读 0赞

## 获取该地址中所有的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;
            }

发表评论取消回复

表情：

评论列表（有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

相关 html页面中获取地址栏上通过get方式传递的值

在写html页面中使用ajax时经常会出现需要获取地址栏传递的值的情况，通过下述两种方式可以获取分享给大家获取地址栏上？后面的值示例地址栏：http://local

悠悠/ 2023年09月30日 10:59/ 0 赞/ 37 阅读

相关 java控制浏览器的地址栏_关于浏览器地址栏的一些遐想

在blogjava查看别人的文章的时候出现的是www.blogjava.net/XXX/XXXX.html。对于这个html自己总是感觉是个静态的网页，后来询问别人才了

客官°小女子只卖身不卖艺/ 2022年11月06日 14:52/ 0 赞/ 262 阅读

相关如何获取地址栏中的参数

function getQueryParams(){ const result={} const queryString=windo

小咪咪/ 2022年09月07日 09:23/ 0 赞/ 252 阅读

相关在浏览器地址栏输入一个URL后回车

原文:http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url 作为一个软件开发者，你一

分手后的思念是犯贱/ 2022年08月21日 09:39/ 0 赞/ 298 阅读

相关获取请求的IP地址和浏览器信息

import java.io.IOException; import java.net.Inet4Address; import java.net.In

冷不防/ 2022年06月16日 20:16/ 0 赞/ 265 阅读

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

获取该地址中所有的get请求的数据，把数据保存在一个对象中例如 “www.xxxx.com/1.html?id=666&name=ccc&pwd=123456”

野性酷女/ 2022年06月14日 05:14/ 0 赞/ 159 阅读

相关获取地址栏

// 带号的url，看？号的url，见下面 url = http://qiaole.sinaapp.com?name=cccccc $loca

偏执的太偏执、/ 2022年06月04日 04:13/ 0 赞/ 297 阅读

相关获取浏览器地址栏ip

function getIp(){ //获取当前网址，如： http://localhost:8080/Tmall/index.jsp

布满荆棘的人生/ 2022年06月04日 01:39/ 0 赞/ 297 阅读

相关关于获取location地址栏的数据（？后边）

今天在学习中遇到需要通过地址栏传参数并接收使用，一时间忘记了怎么获取，这里做个笔记加深一下印象获取地址栏的信息需使用location对象，获取？及其之后的数据使用的是 l

客官°小女子只卖身不卖艺/ 2021年12月12日 06:35/ 0 赞/ 230 阅读

相关 js 获取地址栏参数键值对，并封装成对象

<html> <head> <meta charset="utf-8"> <title></title> </head>

女爷i/ 2021年07月24日 22:19/ 0 赞/ 492 阅读