js从路由中提取所需参数

末蓝、 2022-12-10 11:24 193阅读 0赞

**☺** 1.获取路由中的指定参数

const getLocationParams = (keyWords) => { 
            // 提取路由值（字符串）
            let href = window.location.href;
            // 从占位符开始截取路由（不包括占位符）
            let query = href.substring(href.indexOf("?") + 1);
            // 根据 & 切割字符串
            let vars = query.split("&");
            for (let i = 0; i < vars.length; i++) { 
              let pair = vars[i].split("=");
              // 根据指定的参数名去筛选参数值
              if (pair[0] == keyWords) { 
                return pair[1];
              }
            }
            return "没有该参数信息";
          };
          console.log(window.location);
          let name = getLocationParams("name");
          let number = getLocationParams("number");
          console.log("从路由中提取到的name——>", name);
          console.log("从路由中提取到的password——>", number);

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NDUVN0dWR5_size_16_color_FFFFFF_t_70]

**☺** 2.获取路由中的所有参数

const getAllParams = () => { 
            let href = window.location.href;
            let query = href.substring(href.indexOf("?") + 1);
            let vars = query.split("&");
            let obj = { };
            for (let i = 0; i < vars.length; i++) { 
              let pair = vars[i].split("=");
              // 将参数名和参数值分别作为对象的属性名和属性值
              obj[pair[0]] = pair[1];
            }
            return obj;
          };
          let querys = getAllParams();
          console.log(querys);

![在这里插入图片描述][20210206200019941.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NDUVN0dWR5_size_16_color_FFFFFF_t_70]: /images/20221123/19077cebc69b4423a884b8487c0f34b2.png
[20210206200019941.png]: /images/20221123/d57f2cafcfd645caae978125d9d991e3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 React中路由的参数传递 - 路由的配置文件

文章目录路由的参数传递路由的配置文件路由的参数传递传递参数有二种方式(需要注意的是, 这两种方式在Router6.

拼搏现实的明天。/ 2023年10月02日 21:00/ 0 赞/ 31 阅读

相关 vue 路由按需 keep-alive

[https://juejin.im/post/5cdcbae9e51d454759351d84\comment][https_juejin.im_post_5cdcbae9e

偏执的太偏执、/ 2023年06月16日 07:53/ 0 赞/ 25 阅读

相关 js从路由中提取所需参数

☺ 1.获取路由中的指定参数 const getLocationParams = (keyWords) => { // 提取路由值（字符串）

末蓝、/ 2022年12月10日 11:24/ 0 赞/ 194 阅读

相关 JS获取路由参数

function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&

谁践踏了优雅/ 2022年11月24日 14:28/ 0 赞/ 330 阅读

相关利用python批量从img影像中提取所需的波段

利用python批量从img影像中提取所需的波段现在我知道landsat数据下载，得到的波段是一张张单个的影像，但是MODIS影像下载出来的波段是合在一起的，如果处理的数

￡神魔★判官ぃ/ 2022年11月18日 04:40/ 0 赞/ 350 阅读

相关 nuxt.js 路由和路由参数

nuxt.js 的路由会直接在pages中新建文件夹或文件后自动生成。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sha

系统管理员/ 2022年10月04日 14:57/ 0 赞/ 269 阅读

相关在ArcGIS中提取所需地方区域的shp

最近在摸鱼的过程中，发现了如何从中国的一些省、市、县的行政边界提取你想要的区域的shp文件。因为大家也知道shp文件用来对影像的裁剪等等，作用极大，因此将这个小技巧分享给大家。

悠悠/ 2022年09月10日 05:27/ 0 赞/ 627 阅读

相关 Nuxt.js学习(三)---Nuxt的动态路由、路由参数、路由嵌套

1、Nuxt的动态路由在 Nuxt.js 里面定义带参数的动态路由，需要创建对应的以下划线作为前缀的 Vue 文件或目录。 1.1、官方文档：以下目录结构

蔚落/ 2022年08月29日 10:28/ 0 赞/ 1471 阅读

相关 JS路由

一个极简前端路由实现说一下前端路由实现的简要原理，以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生变化时，触发 hash

青旅半醒/ 2022年06月17日 07:49/ 0 赞/ 213 阅读

相关 AngularJS路由 $state服务、路由事件、获取路由参数

1 ui-sref、$state.go 的区别 ui-sref 一般使用在 …； <a ui-sref="message-list">消息中心</a> $st

àì夳堔傛蜴生んèń/ 2022年06月17日 04:43/ 0 赞/ 295 阅读