一、什么是URL参数?

URL 参数是追加到 URL 上的一个名称/值对。参数以问号 (?) 开始并采用 name=value 的格式。如果存在多个 URL 参数,则参数之间用一个 (&) 符隔开。
有时还会有 #

二、为什么需要解析url的参数?

面试问过

三、如何解析url地址的参数

主要知识点字符串的处理

  1. 找到?的下标,找到 # 的下标 IndexOf()
    #号 可能不存在,直接截取问号到最后substr()
    #号存在,截取问号下一位到#号前一位substring()

    此时结果:from=search&seid=7866238583240312286

  2. 根据&再分割 split()

    此时结果: [“from=search”, “seid=7866238583240312286”]

  3. 遍历数组,根据=分割后再依次存储!

    每个item: [“from”, “search”] [“seid”, “7866238583240312286”]

    最终:{from: “search”, seid: “7866238583240312286”}

let str = "https://www.bilibili.com/video/BV1zz4y1k7jX?from=search&seid=7866238583240312286";
let str2 = "https://www.nowcoder.com/sns/message/262713506/conversation-list?#/";function getUrl(url) {let indexAsk = url.indexOf('?'),indexWell = url.indexOf('#');if (indexWell == -1) {// 没有井号 ?开始直接截取到最后url = url.substr(indexAsk + 1);} else {url = url.substring(indexAsk + 1, indexWell);}// 根据& 拆分let array = url.split('&');let obj = {};for (let i = 0; i < array.length; i++) {let item = array[i].split('=');obj[item[0]] = item[1];}return obj;
}console.log(getUrl(str));
console.log(getUrl(str2));

获取表单的url

let url2 = window.location.search.substring(1);

URL地址 问号传参解析相关推荐

  1. 路由配置url跳转传参_如何配置路由器以进行网络范围的URL记录

    路由配置url跳转传参 Don't be in the dark about who is visiting what web sites on your LAN. Use our two-prong ...

  2. 调用wsdl这种的地址,传参为xml,使用的工具类

    因为本人日常的调用地址,很多时候都是wsdl这种的,还需要XML格式的传参,测试的时候用到soapUI测试工具,传参方式是: <soapenv:Envelope xmlns:xsi=\" ...

  3. URL 地址含汉字无法解析问题

    最近升级第三方jar包后,导致许多问题,原来url 地址含有汉字问题,window和linux都可以正常解析,升级后,window可以正常应用,LInux无法解析,没有响应返回,直接导致系统退出. 由 ...

  4. java 文件url地址_简单的解析文件,取URL地址,并根据地址抓下页面

    /** * * 解析文件,取出URL地址 * */ public static void regexStr(){ String input="飞机但是http://mail.Sohu.com ...

  5. php将get传参解析成数组,php解析url (parse_url) 参数成数组 (parse_str)

    今天首先让我们为天津8.12大爆炸和陕西山阳山体滑坡遇难的同胞默哀3分钟,祝愿受伤的群众早日康复,脱离危险,希望国家严惩事故责任人,安抚受损群众.希望杯具以后不再发生--最近天灾人祸,大家出行一定要注 ...

  6. SpringMvc的Url映射和传参案例(转)

    Springmvc的基本使用,包括url映射.参数映射.页面跳转.ajax和文件上传 以前学习的时候写的代码案例,今天整理笔记的时候找到了,很久没有来园子了,发上来当个在线笔记用吧,免的时间长了又忘了 ...

  7. C与C++关于*与的传参解析

    作者 | 李肖遥       责编 | 欧阳姝黎 函数参数传递主要有2种传递方式,值传递和引用传递,这个过程是实际参数将参数值传递给相应的形式参数,然后在函数中实现对数据处理和返回的一个过程. 本文略 ...

  8. Spring Controller get、post传参解析

    文章目录 前言 一.RequestParam 二.RequestBody 结尾 前言 在不同的参数上使用不同的注解,在进行http请求的时候,发现Get和Post有时有的竟然无法请求,所以简单总结一下 ...

  9. mysql jdbc怎么用问号传参_java – jdbc PreparedStatement中的问号问题

    我来回浏览互联网,发现我的问题无法解决. 我试图使用参数绑定与jdbc查询mysql表,但它在我的语句中不断报告问号的语法错误. 这是我的班级: package todoList_; import j ...

最新文章

  1. Oracle weblogic线程Thread status分类和总结
  2. mongodb数据库显示obj_MongoDB基础(三)—基本操作及管理 | leon的博客
  3. redis介绍及保持session会话
  4. STL 之replace,replace_if,replace_copy,replace_copy_if
  5. mysql数据通讯方式_c# 与 Mysql 的通讯方式总结
  6. VS2008中开发智能设备程序的一些总结
  7. 485光纤转换器产品分类介绍
  8. AE开发 创建Feature后,需要进行拓扑检查
  9. 好书推荐:浪潮之巅(第四版)
  10. 周鸿伟揭秘华为事件,美国针对华为另有打算
  11. 31: Nginx代理服务器 、 Nginx优化 、 总结和答疑
  12. 黑马程序员--java基础复习之网络编程
  13. 弓形锯床主传动及工作机构设计
  14. 计算机进安全模式启动修复,win7电脑故障怎么进入安全模式修复
  15. 科技百咖 | 天威诚信:韶光与共,不负前路
  16. pfx证书解析公钥私钥
  17. 支持OneNote for Window10代码高亮工具
  18. 如何入驻拼多多商城 拼多多入驻形式有那些
  19. 电子信息工程专业课程分类介绍
  20. eclipse中设置java、xml文件的字体大小以及代码自动提示功能

热门文章

  1. php ajax设置cookie,在AJAX请求中设置Cookie?
  2. 宏基因组应用_宏基因组学技术在生物冶金中的应用
  3. python和java哪个好-Python和Java哪个薪资更高、远景更好?
  4. python怎么读取中文文件-Python3 解决读取中文文件txt编码的问题
  5. 一张图学会python高清图-一张图让你学会Python
  6. python菜鸟教程-Python3 函数
  7. 零基础学python电子书-零基础入门学习Python epub高清电子书
  8. python自动化办公模块有哪些-python如何实现自动化办公?
  9. 基于语音识别技术的声控鼠标光标程序设计
  10. IntelliJ IDEA 自定义控制台输出多颜色格式功能 --- 安装Grep Console插件