js截取网址参数值方法

news/2025/1/15 15:06:29/

一般分为两种网址截取方法:

第一种,例如链接:http://192.168.32.135:9020/#/authentication/Login?toekn=ceshi

 token 值出现在 URL 的 hash 部分,所以你需要使用 window.location.hash 来获取 hash 部分,然后使用 URLSearchParams 对象来解析 token 值。以下是示例代码

 //hash截取网址参数方法

    getQueryParam(paramName) {

      const url = window.location.hash.slice(1)

      const params = new URLSearchParams(url.split('?')[1])

      if (params != null) return params.get(paramName)

      return null

    },

//获取token值

let token = this.getQueryParam(token)

console.log(token)   //打印  ceshi

  第二种,例如链接:http://localhost:9021/spring/TiredOf/ceshi?token=ceshiToken

token 值出现在 URL 的查询参数部分。以下是示例代码:

//截取网址参数方法

    getQueryString(name) {

      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')

      var r = window.location.search.substr(1).match(reg)

      if (r != null) return unescape(r[2])

      return null

    }

//获取token值

let token = this.getQueryString(token)

console.log(token)   //打印  ceshiToken

 


http://www.ppmy.cn/news/52347.html

相关文章

API 都有这些功能,你真的都知道么?

API(应用程序编程接口)可以提供以下功能: 数据传输:API可以在应用程序之间传输数据,包括发送和获取数据、更新数据等。 访问功能: API 可以调用另一个系统或应用程序的某些功能,例如获取天气,查…

PXE 网络安装Linux ——Kickstart无人值守安装Linux

PXE(预启动执行环境) PXE(预启动执行环境) 由Intel公司开发的网络引导技术,工作在Client/Server模式,允许客户机通过网络从远程服务器下载引导镜像,并加载安装文件或者整个操作系统。 PXE具备以…

Oracle Linux 9 上基于 Docker 安装 Kubernetes 1.27 集群

Oracle Linux 9 上基于 Docker 安装 Kubernetes 1.27 集群 1. 禁用swap2. 禁用防火墙3. 将SELinux设置为permissive模式4. 添加网桥过滤及内核转发配置文件5. 加载 overlay、br_netfilter、ip_tables、iptable_filter 模块6. 安装 docker-ce7. 安装kubelet kubeadm kubectl8. 初…

力扣刷题——移除元素

1、移除元素 给你一个数组 nums 和一个值 val,你需要 原地 移除所有数值等于 val 的元素,并返回移除后数组的新长度。 不要使用额外的数组空间,你必须仅使用 O(1) 额外空间并 原地 修改输入数组。 元素的顺序可以改变。你不需要考虑数组中…

不部署服务端调用接口,前端接口神器json-server

简介 json-server 是一款小巧的接口模拟工具,一分钟内就能搭建一套 Restful 风格的 API,尤其适合前端接口测试使用。 只需指定一个 json 文件作为 api 的数据源即可,使用起来非常方便,30秒入门,基本上有手就行。 进阶…

JS笔试题精讲3 ES6专题

只要拼接字符串 一律用 模板字符串 ${} 里: - 可以放: 变量、算术计算、三目、对象属性、创建对象、调用 函数、访问数组元素——有返回值的合法的js表达式 - 不能放: 没有返回值的js表达式也不能放分支/判断、循环等程序结构。比如: if else for while...等 ${}规则和今后…

如何使用ESP32-CAM构建一个人脸识别系统

有许多人识别系统使用签名、指纹、语音、手部几何、人脸识别等来识别人,但除了人脸识别系统。 人脸识别系统不仅可以用于安全目的来识别公共场所的人员,还可以用于办公室和学校的考勤目的。 在这个项目中,我们将使用 ESP32-CAM 构建一个人脸识…

零售库存管理系统该如何选?这5款零售库存管理系统值得推荐!

对于实体门店来说,做零售就是做库存,谁能及时把店内的库存清空,谁就能快速盈利,这就需要实体门店能够简单高效的管理好库存。 但很多实体店基本上没有足够的人手和实力去制定科学的库存管理策略,借助零售库存管理系统&…