encodeURIComponent() + encodeURI

2018-12-08  本文已影响0人  一个写前端的姑娘

今天就来聊聊encodeURIComponent()、encodeURI()、decodeURIComponent()、decodeURI()这几个函数的用法和区别

对URL编码个解码?为什么会有这样的函数

全局函数encodeURIComponent()encodeURI()

  1. 首先encodeURIComponent()encodeURI()都是用来编码
  2. 用法encodeURIComponent(URIstring),encodeURI(URIstring),对某些特殊字符进行十六进制的替换。
encodeURIComponent('http://baidu.com?a=12&b=12/12')
// http%3A%2F%2Fbaidu.com%3Fa%3D12%26b%3D12%2F12    全部'/'被编码,导致url地址无效
encodeURI('http://baidu.com?a=12&b=12/12')
// http://baidu.com?a=12&b=12/12   '/'没有被编码  导致后面的参数带有'/'的参数无法正确解析
  1. encodeURIComponent()encodeURI()区别
    (1)encodeURI(),更多的是针对对整个URL进行编码,它不会对特殊字符(; / ? : @ & + =等 )进行编码
    (2)encodeURIComponent()是对'?'后面的参数进行编码,它会对一些特殊字符(; / ? : @ & = + $ , #等)进行编码
// 正确的做法
let param = encodeURIComponent('a=12&b=12/12')
console.log(`http://baidu.com?${param}`)
// http://baidu.com?a%3D12%26b%3D12%2F12 
  1. 实用:
    (1)浏览器在get请求过程中,会在url后面加上一些参数,这些参数中可能会有带有某些特殊的字符或者汉字。根据不同的网页编码(<meta http-equiv="Content-Type" content="text/html;charset=xxxx">)方式会有不同编码方式,在后台接受这些参数的时候,会造成混乱。
    (2)js调用ajax发起请求,这个时候不同的浏览器发送的参数编码方式不尽相同
上一篇 下一篇

猜你喜欢

热点阅读