js的decodeURICompnent后的加号问题

最新推荐文章于 2024-05-16 01:43:39 发布

璐瑶知码li

最新推荐文章于 2024-05-16 01:43:39 发布

阅读量1k

点赞数

分类专栏： JavaScript 文章标签： typescript Powered by 金山文档

本文链接：https://blog.csdn.net/qq_49464155/article/details/128834380

版权

JavaScript 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

问题描述：从url上取参数然后发送给后端，使用decodeURICompnent空格会转为+

如上图所示，query中的引号中应该是空格，现在传给后端的是+

处理：

// decodeURIComponent(query[1]?.replace(/\+/g, '%20')) 把加号全局替换为%20，就可以解决上述问题
export const getUrlArgsWithDecode = () => {
  const obj = {}
  const url = window.location.search.substr(1)
  if (url) {
    url.split('&').forEach((query: any) => {
      query = query.split('=')
      obj[query[0]] = decodeURIComponent(query[1]?.replace(/\+/g, '%20'))
    })
  }
  return obj
}

最后传给后端的数据如下：