前端多种方法实现获取url参数

115 阅读1分钟

1、URLSearchParams 方法:

append():插入一个指定的键值对作文新的搜索参数

delete():从搜索参数列表里删除指定的搜索参数及其对应的值

entries():返回一个 iterator 可以遍历所有的键值对的对象

get():获取指定搜索参数的第一个值

getAll():获取指定搜索参数的所有值,组成一个数组

has():返回Boolean值,判断是否存在次搜索参数

keys():返回 iterator 此对象包含了键值对的所有键名

set():设置一个搜索参数的新值,假如原来有多个值将删除其他所有的值

sort():按键名排序

toString():返回搜索参数组成的字符串,可以直接使用在URL上

values():返回 iterator 此对象包含了键值对的所有值

export const getSearchParams = () => {  
  const searchPar = new URLSearchParams(window.location.search)  
  const paramsObj = {}  
  for (const [key, value] of searchPar.entries()) {  
    paramsObj[key] = value  
  }  
  return paramsObj  
}

2、qs库

import qs from 'qs';
// 转为对象
qs.parse(url)
// 转为url参数形式
qs.stringify(a)