javascript解析URL中的参数——返回对象
来源:互联网 发布:网络怎么加速 编辑:程序博客网 时间:2024/05/22 10:46
需求
在同域的不同前端页面跳转或者不同域前端页面跳转时,可以通过参数传递一些数据,比如下面我们在某度搜索“location.search”:
输入:一个包含参数的URL地址
输出:一个含有所有参数的对象
代码
目前有两种解决方案
方案1
const getURLParameters = url =>url.match(/([^?=&]+)(=([^&]*))/g).reduce((a, v) => (a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1), a), {});
效果
方案2(更易懂一些)
const parseQueryString = url=>{ var json = {}; var arr = url.substr(url.indexOf('?') + 1).split('&'); arr.forEach(item=>{ var tmp = item.split('='); json[tmp[0]] = tmp[1]; }); return json;}
效果
一点思路
灵活运用浏览器自带的location属性 可以节省数据传递的复杂度
又:一些保密性强的参数,建议使用https域名或者其他加密方式传递。
阅读全文
0 0
- javascript解析URL中的参数——返回对象
- location的search操作——解析url字符串,返回包含所有参数的一个对象
- JavaScript解析URL参数
- javascript 解析 url 参数
- 解析URL中的参数
- 解析url中的参数
- JavaScript中对象进行深度clone,url参数解析
- javascript获取url参数,返回参数值
- 解析地址栏中的查询字符串参数,返回对象
- 解析URL参数为对象
- javascript url解析为对象
- JS解析URL中的参数
- Javascript获得Url中的参数
- Javascript获得Url中的参数
- javascript获得url中的参数
- javascript 获取url中的参数
- Javascript获取URL中的参数
- javascript获取url中的参数
- 剑指offer 编程题(27):数组中出现次数统计
- JSON遇到中文乱码问题的解决方法
- Java内存区域(栈、堆、方法区)详细解说
- 92. Reverse Linked List II
- 大数据
- javascript解析URL中的参数——返回对象
- WebStorm添加注释模板
- 程序员修炼之道(通俗版)——第一章
- Linux下C++调用python中训好的mxnet模型
- 斐波那契数列
- WebBench
- mybaties中的insert into select 用法,mybaties批量插入
- 数理逻辑习题集(9)
- mybatis 逆向工程 用xml配置文件生成mapper和po的方法