hash模式下，获取url中的参数，并解决乱码问题

最新推荐文章于 2024-09-08 22:09:14 发布

yumihe

最新推荐文章于 2024-09-08 22:09:14 发布

阅读量2.3k

点赞数 1

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/qq_32678401/article/details/106806896

版权

本文介绍了在Hash模式下如何使用encodeURIComponent进行URL参数编码，以及通过decodeURIComponent进行解码，解决乱码问题。例如在URL http://xxx?userId='666'&userName='用户名' 的情况下，提供了相关的方法实现。同时提到了在history模式下获取URL参数的参考链接，以及sessionStorage的封装方法链接。

摘要由CSDN通过智能技术生成

encodeURIComponent 编码

decodeURIComponent 解码

例如：http://xxx?userId='666'&userName=’用户名‘

utils.js

// 获取url中的参数 hash模式下
export function formatUrlParams() {
  let url = window.location.hash
  let obj = {}
  if (url.indexOf('?') !== -1) {
    let startIndex = url.indexOf('?') + 1
    let str = url.substr(startIndex)
    let strs = str.split('&')
    for (let i = 0; i < strs.length; i++) {
      obj[strs[i].split('=')[0]] = strs[i].split('=')[1]
    }
    return obj
  }
}

获取参数

import {formatUrlParams} from '@/utils/utils'

// 获取url上的userName
if (sessionStorageGet('userName')) {
  this.userName = sessionStorageGet('userName')
} else if (formatUrlParams() && formatUrlParams().userName) {
  this.u