首页 > 其他分享 >获取url参数

获取url参数

时间:2023-03-24 09:47:31浏览次数:50  
标签:编码 const URLSearchParams url Object URI 获取 参数

URI: Uniform ResourceIdentifiers即通用资源标识符。
有效的URI中不能包含某些字符(例如空格),URI编码方法就可以对URI进行编码(UTF-8编码), Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码(encodeURI()不会对本身属于URI的特殊字符进行编码,例如冒号、正斜杠、问号和井字号,所以它主要用于整个URI,而encodeURIComponent()则会对它发现的任何非标准字符进行编码,主要用于对URI中的某一段进行编码);

  • URLSearchParams()构造函数是浏览器提供的一个API接口可以帮我们查询URL字符串;URLSearchParams() 构造器创建并返回一个新的URLSearchParams 对象。开头的'?' 字符会被忽略;
  • Object.entries()获取对象的键名和键值,每一对键名和键值组成新的数组;
  • Object.fromEntries()方法使用二维数组形式创建对象,把键值对列表转换为一个对象,这个方法是和Object.entries()相对的;
  • decodeURIComponent() 函数可把字符串作为 URI 组件进行解码;
const urlSearchParams = new URLSearchParams(window.location.search)

const params = Object.fromEntries(urlSearchParams.entries())

function getParams(url) {

  const res = {}

  if(url.includes('?')) {

    const str = url.split('?')[1]

    const arr = str.split('&')

    arr.forEach(item => {

      const key = item.split('=')[0]

      const value = item.split('=')[1]

      res[key] = decodeURIComponent(value)

    })

  }

  return res

}

标签:编码,const,URLSearchParams,url,Object,URI,获取,参数
From: https://www.cnblogs.com/rain111/p/17250302.html

相关文章

  • 如何提取 x64 程序那些易失的方法参数
    一:背景1.讲故事最近经常遇到有朋友反馈,在x64环境下如何提取线程栈中的方法参数,熟悉x64调用协定的朋友应该知道,这种协定范围下,方法的前四个参数都是用寄存器传递的,比......
  • 美团面试:熟悉哪些JVM调优参数?
    本文已经收录到Github仓库,该仓库包含计算机基础、Java基础、多线程、JVM、数据库、Redis、Spring、Mybatis、SpringMVC、SpringBoot、分布式、微服务、设计模式、架构、校......
  • java中获取路径 -docker文件路径挂载到磁盘
    继签名章文档后,发现一个问题,服务器获取路径问题又三种:第一种使用httpRequest:StringrealPath=request.getSession().getServletContext().getRealPath("");第二种实......
  • 【Java工具类】获取文件编码格式
    【使用方法】Stringencoding=EncodingDetect.getJavaEncode(filePath+File.separator+fileName);【工具类......
  • windows下获取上传文件hash值
    执行命令:certutil-hashfileD:\test.txt   ......
  • 基于Matlab模拟风电场风速两参数weibull(威布尔)分布
    ✅作者简介:热爱科研的Matlab仿真开发者,修心和技术同步精进,matlab项目合作可私信。......
  • [FastAPI-11]Query参数校验
    importtypingfromfastapiimportFastAPI,Queryapp=FastAPI()'''查询参数使用Query校验类似路由转换使用Path校验物品名称最小3位,最大10位default=None参数......
  • jmeter常用的命令行及参数
    一、运行方式分类GUI方式:图形界面方式运行CLI方式:commandline命令行,jmeter的脚本可以通过命令行用命令进行执行二、用命令行执行的优势:1、图形化界面运行的时候会占......
  • JPA使用in查询构建sql参数问题
    JPA使用in查询构建sql参数问题https://blog.csdn.net/b308175181/article/details/100744622jpa自己构建的sql语句,如要使用in,传参必须用List数组,会自动转化。拼接的Stri......
  • 使用 stream 从 List 对象中获取某列数据
    使用stream从List对象中获取某列数据原文链接:https://blog.csdn.net/easysec/article/details/119813487    在JDK8中增加了stream的特性,使用非常的方......