encodeURI和encodeURIComponent的作用对象都是URL,唯一的区别就是编码的字符范围:
- encodeURI不会对ascii字母、数字、~!@#$&*()=:/,;?+' 进行编码。
- encodeURIComponent不会对ascii字母、数字、~!*()'进行编码。
所以encodeURIComponent比encodeURI的编码范围更大。比如说,encodeURIComponent会把 http://
编码成 http%3A%2F%2F
,而encodeURI不会。
一个字符串需要编码,说明其中有一些字符不适合传输。
-
如果要将一个URL通过网络传输,则需要使用encodeURI编码。比如URI中出现了中文,中文在网络中是不能直接传输的,需要经过URI编码。
事实上,我们在浏览器中输入一个含有中文参数的URL,在发出请求后,会自动使用encodeURI进行编码。
-
如果要将一个URL作为一个查询参数放到另一个URL中,则需要使用encodeURIComponent编码。因为这个作为参数的URL中会包含
:/?=&
这些字符,如果不加处理,会解析错误。
const uri = 'https://www.test.com/person/index.asp?name=张三&age=12'
encodeURI(uri) // "https://www.test.com/person/index.asp?name=%E5%BC%A0%E4%B8%89&age=12"
encodeURIComponent(uri) // "https%3A%2F%2Fwww.test.com%2Fperson%2Findex.asp%3Fname%3D%E5%BC%A0%E4%B8%89%26age%3D12"
标签:编码,URL,uri,test,encodeURIComponent,encodeURI
From: https://www.cnblogs.com/hdxg/p/17077467.html