解析浏览器地址栏查询字符串参数

function getQuery() {
  let search = location.search.length > 0 ? location.search.substr(1) : '';
  if (!search) return null;
  let Query = {};
  if (search.includes('&')) {
    let strArray = search.split('&');
    strArray.forEach(item => {
      if (item.includes('=')) {
        let arr = item.split('=');
        Query[decodeURIComponent(arr[0])] = decodeURIComponent(arr[1])
      }
    })
  } else {
    let arr = item.split('=');
    Query[decodeURIComponent(arr[0])] = decodeURIComponent(arr[1])
  }
  return Query;
}

转载于:https://www.cnblogs.com/aleng-liu/p/9846032.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React可以通过一些常见的方式来修改地址参数,从而实现更好的编程体验和更好的用户体验。 其中一种常见的方式是使用React-Router,它是React一个官方的关键库。React-Router中有一个叫做“useParams”函数,它可以在函数组件里面使用,通过它可以获取到地址的动态参数。 在使用“useParams”函数的时候,需要在路由中添加对应的参数。这个参数通常由变量名和一个占位符组成,例如:“/users/:userId”。使用“useParams”函数可以获取到这个用户ID的值,然后根据这个值来进行相应的操作。 另一种常见的方式是使用URLSearchParams API。URLSearchParams API可以解析URL中的查询参数,然后可以修改并重新设置这些参数。 通过URLSearchParams,可以通过以下方式修改URL参数: - 使用实例化URLSearchParams对象,并通过set()、append()、delete()、has()等方法来对参数进行操作。 - 使用URLSearchParams.toString()方法,将参数格式化为字符串,最后再使用“history.push()”方法来更新浏览器地址的URL。 值得注意的是,在React中,在组件中要使用“history”对象,这个对象在React-Router中是使用“useHistory”hook获取。 “history”可以让组件使用路由来控制导航、改变URL等。 总之,React提供了娴熟的框架来处理URL参数,有了这些方法,我们可以更轻松地编写前端应用程序,并通过URL参数来实现更好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值