1、URI
统一资源标识符(URI)是一个用于标识某一互联网资源名称的字符串。,该种标识允许用户对任何(包括本地和互联网)的资源通过特定的协议进行交互操作。Web上可用的每种资源 -HTML文档、图像、视频片段、程序等都可由一个通用资源标识符(Uniform Resource Identifier, 简称"URI")进行定位。
在HTML中,URI被用来:链接到另一个文档或资源、链接到一个外部样式表或脚本等。
1.1、URI和URL、URN
URL是统一资源定位符,它是一种具体的URI,即URL可以用来标识一个资源,而且还指明了如何locate这个资源。而URN是统一资源命名,是通过名字来标识资源,比如mailto:java-net@java.sun.com。也就是说,URI是以一种抽象的,高层次概念定义统一资源标识,而URL和URN则是具体的资源标识的方式。URL和URN都是一种URI。
一个URI实例可以代表绝对的,也可以是相对的,只要它符合URI的语法规则。而URL类则不仅符合语义,还包含了定位该资源的信息,因此它不能是相对的。
JavaScript中对字符串进行编码涉及3个函数:escape、encodeURI、encodeURIComponent,相应3个解码函数:unescape、decodeURI、decodeURIComponent
2、编码
2.1、escape() 函数
escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。返回值是已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。
escape(string)
可以使用 unescape() 对 escape() 编码的字符串进行解码。不过ECMAScript v3 反对使用该方法,应用使用 decodeURI() 和 decodeURIComponent() 替代它。
2.2、encodeURI() 函数
encodeURI() 函数可把字符串作为 URI 进行编码。返回值:已经进行了编码后的字符串,其中的某些字符将被十六进制的转义序列进行替换。
encodeURI(uri)
var uri = "mytest.php?name=ståle&car=saab&user=陈真"; let a = encodeURI(uri) // mytest.php?name=st%C3%A5le&car=saab&username=%E9%99%88%E7%9C%9F let b = decodeURI(a) //mytest.php?name=ståle&car=saab&username=陈真
详情参考:http://www.runoob.com/jsref/jsref-encodeuri.html
2.3、encodeURIComponent() 函数
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。返回值:已经进行了编码后的字符串,其中的某些字符将被十六进制的转义序列进行替换。
encodeURIComponent(URIstring)
var uri = "mytest.php?name=ståle&car=saab&username=陈真"; let c = encodeURIComponent(uri) //mytest.php%3Fname%3Dst%C3%A5le%26car%3Dsaab%26username%3D%E9%99%88%E7%9C%9F let d = decodeURIComponent(uri) //mytest.php?name=ståle&car=saab&username=陈真
请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处,前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。
3、解码
3.1、unescape() 函数
3.2、decodeURI() 函数
3.3、decodeURIComponent() 函数
4、编码解码的作用
当我们使用url的方式提交数据到后台,例如:ajax提交到后台的,就需要对url进行encodeURI编码,尤其是URI中有中文的话,否则,可能会导致后台出现各种乱码,不进行编码的话,默认浏览器编码格式提交,这样的话,浏览器不同,传到后台的值也就不同了,所以建议使用encodeURI统一编码为utf-8的格式到后台,然后后台再处理再解码就行了
原文地址:https://www.cnblogs.com/wenxuehai/p/10454188.html