js初学——获取用户数据地址参数

最新推荐文章于 2024-02-02 11:48:53 发布

alightman

最新推荐文章于 2024-02-02 11:48:53 发布

阅读量586

点赞数

CC 4.0 BY-SA版权

分类专栏： jsnew 文章标签： js 参数对象 split内置属性

本文链接：https://blog.youkuaiyun.com/alightman/article/details/78068240

7 篇文章

订阅专栏

本文介绍了一种将URL中的查询参数转换为JavaScript对象的方法。通过解析URL中的查询字符串，并将其拆分为键值对，最终形成易于操作的对象形式。文章还提供了如何获取特定参数值的示例。

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

"?name=hucc&pass=123456" {name:"hucc", pass:"123456"}；

将获得的地址栏中参数转变为对象封装起来

function getParamObj(){

var
search =
location.search;//获取地址栏中的参数;

(在表单域中用户名和密码框中写上cccc,12233s)

打印台打印//浏览器http后面地址跟着的用户数据

console.log(search);//?name=cccc&pass=12233s

search = search.slice(1);//把?去掉

(slice(1)截取字符串第一位）

//name=cccc&pass=12233

var
arr = search.split("&");//把得到的字符串切割成数组

字符串内置方法，split(' '),切割，返回为数组；

console.log(arr);//["name=cccc",
 "pass=12233"]

var obj = {}；//声明一个空对象，用来接收下面的各对象属性对

for(var
i =
0;
i < arr.length;
i++){

var
key = arr[i].split("=")[0];//上面的name为属性值，即数组的第0个索引

var
value
= arr[i].split("=")[1];//对应属性的值

//把key和value存储到对象中

obj[key]
=
value;//对象的值赋值给属性，（对象的属性必须是obj[key],而不是obj.key!）

}

console.log(obj);//Object
 {name: "cccc", pass: "122233"}

console.log(arr);//["name=111", "pass=111"]

return obj;//函数返回值，obj；

}用大的函数将其包装起来，

console.log(getParamObj());获取所有的参数；

获取指定的参数,以上面的函数为基准：

function getParam(key){

return getParamObj()[key];

}

获取key为name的值调用getParam(“name”);

获取key为pass的值调用getParam(“pass”);