浏览器地址栏普通传参(对象),如何获取浏览器参数

原创于 2020-04-29 11:28:35 发布 · 764 阅读

0 ·

CC 4.0 BY-SA版权

h5 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种在网页间传递复杂数据结构的方法，通过使用JavaScript的encodeURI和decodeURI函数，实现对象到URL参数的转换及反向操作。此技巧在前后端交互中尤为重要，确保了数据的完整性和可用性。

// 需要encodeURL()编码
var editData=encodeURI(JSON.stringify({name:'sss',age:'11'}))
 window.location.href = `./html/address.html?editData=${editData}`
 // address页面 需要decodeURL解码
 var obj = JSON.parse(decodeURI(getParams().editData))
 // 获取浏览器地址栏参数
 function getParams(arr = [], obj = {}) {
  let parStr = window.location.search.substring(1)
  if (parStr.indexOf('&') !== -1) {
    // 说明还有其他参数
    arr = parStr.split('&')
    arr.forEach(item => {
      obj[item.split('=')[0]] = item.split('=')[1]
    })
    return obj
  }
  obj[parStr.split('=')[0]] = parStr.split('=')[1]
  return obj
}