JavaScript中的编码解码

Posted 提升自己,才有选择的能力和勇气

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中的编码解码相关的知识,希望对你有一定的参考价值。

1、URI

统一资源标识符(URI)是一个用于标识某一互联网资源名称的字符串。,该种标识允许用户对任何(包括本地和互联网)的资源通过特定的协议进行交互操作。Web上可用的每种资源 -html文档、图像、视频片段、程序等都可由一个通用资源标识符(Uniform Resource Identifier, 简称"URI")进行定位。

在HTML中,URI被用来:链接到另一个文档或资源、链接到一个外部样式表或脚本等。

1.1、URI和URL、URN

URL是统一资源定位符,它是一种具体的URI,即URL可以用来标识一个资源,而且还指明了如何locate这个资源。而URN是统一资源命名,是通过名字来标识资源,比如mailto:[email protected]。也就是说,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的格式到后台,然后后台再处理再解码就行了

以上是关于JavaScript中的编码解码的主要内容,如果未能解决你的问题,请参考以下文章

C#解码base64编码的二进制数据的代码

JavaScript如何对后台utf8编码的字符串解码?

使用OpenSSL进行Base64编码和解码

URL中文编码解码

C# MVC 查询字符串编码和解码

JAVASCRIPT BASE64编码与解码