ITPub博客

首页 > IT职业 > IT职场 > URLSearchParams 配合 axios 提交重复的参数

URLSearchParams 配合 axios 提交重复的参数

IT职场 作者:touchfeeling 时间:2021-09-09 09:47:39 0 删除 编辑

URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。其中 URLSearchParams.append() 插入一个指定的键/值对作为新的搜索参数,这个方法可以插入重复的值,但当使用 URLSearchParams.set() 设置同名键值时会覆盖前面的值。

示例:

const params = new URLSearchParams()
params.append('date', '2018')
params.append('date', '8')
params.append('date', '13')console.log(params.toString()) // date=2018&date=8&date=13params.set('date', '20180813')console.log(params.toString()) // date=20180813

可以直接用 for...of 遍历出键值:

const params = new URLSearchParams()
params.append('date', '2018')
params.append('date', '8')
params.append('date', '13')
params.set('name', 'mazey')for (let [k, v] of params) {    console.log(k, v) // date 2018 date 8 date 13 name mazey}

配合 axios:

const params = new URLSearchParams()
params.append('date', '2018')
params.append('date', '8')
params.append('date', '13')
axios({  method: 'get',  url: '/',
  params
})
  .then((res) => {    console.log(res.status) // 200
  })// 请求链接为:http://localhost:8081/?date=2018&date=8&date=13



作者:后除
链接:https://www.jianshu.com/p/235d4bfa2054


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1451/viewspace-2812483/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    105
  • 访问量
    1220