JavaScript中的编码解码

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

时间: 2024-10-25 16:13:13

JavaScript中的编码解码的相关文章

PHP和javascript中url编码解码详解

在实际开发中,我们可能会遇到路径编码解码的问题,下面总结了一下: PHP中: 1.urlencode(编码),urldecode(解码) $a = urlencode('http://www.baidu.com?name=test&query=字母'); echo $a //http%3A%2F%2Fwww.baidu.com%3Fname%3Dtest%26query%3D%E5%AD%97%E6%AF%8D 2.rawurlencode.rawurldecode 这个函数跟上面的大部分一模一

Javascript中Base64编码解码的使用实例

Javascript为我们提供了一个简单的方法来实现字符串的Base64编码和解码,分别是window.btoa()函数和window.atob()函数. 例如: 1 2 var encodedStr = window.btoa("Hello world"); //字符串编码 var decodedStr = window.atob(encodedStr); //字符串解码

【js与jquery】javascript中url编码与解码

本文主要针对URI编解码的相关问题做了介绍,对Url编码中哪些字符需要编码.为什么需要编码做了详细的说明,并对比分析了Javascript 中和 编解码相关的几对函数 编码/解码 escape / unescape, encodeURI / decodeURI, encodeURIComponent / decodeURIComponent. [js与jquery]javascript中url编码与解码,布布扣,bubuko.com

java中文乱码解决之道(六)—–javaWeb中的编码解码

在上篇博客中LZ介绍了前面两种场景(IO.内存)中的java编码解码操作,其实在这两种场景中我们只需要在编码解码过程中设置正确的编码解码方式一般而言是不会出现乱码的.对于我们从事java开发的人而言,其实最容易也是产生乱码最多的地方就是web部分.首先我们来看在javaWeb中有哪些地方存在编码转换操作. 编码&解码 通过下图我们可以了解在javaWeb中有哪些地方有转码: 用户想服务器发送一个HTTP请求,需要编码的地方有url.cookie.parameter,经过编码后服务器接受HTTP请

java中文乱码解决之道(六)-----javaWeb中的编码解码

在上篇博客中LZ介绍了前面两种场景(IO.内存)中的java编码解码操作,其实在这两种场景中我们只需要在编码解码过程中设置正确的编码解码方式一般而言是不会出现乱码的.对于我们从事java开发的人而言,其实最容易也是产生乱码最多的地方就是web部分.首先我们来看在javaWeb中有哪些地方存在编码转换操作. 编码&解码 通过下图我们可以了解在javaWeb中有哪些地方有转码: 用户想服务器发送一个HTTP请求,需要编码的地方有url.cookie.parameter,经过编码后服务器接受HTTP请

ASP.NET中Url编码解码

今天遇到Url编码解码的问题,纠结了一天的时间,结果上网一查才发现太二了我们. 同事写的代码把url用HttpUtility.UrlEncode编码和解码了,本地测试没有问题,部署到服务器上就提示转码失败,查看问题发现转码的时候把“+”转成了“%”,但是解码的时候把“%”装换成了“ ”空格,最后上网查了下很多网友都遇到过这种问题, 最后把HttpUtility.UrlEncode替换成了一下的方式就OK了. var email="15586757225"; string after =

javascript中对编码的解读

首先来一下js知识的巩固与复习 js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 1.      传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断. 例如:<script language="javascript">document.write('<a href="

c#中base64编码解码

//编码: byte[] bytes = Encoding.Default.GetBytes("要转换的字符"); string str = Convert.ToBase64String(bytes); //解码: byte[] outputb = Convert.FromBase64String(str); string orgStr = Encoding.Default.GetString(outputb);

python中的编码与解码

编码与解码 首先,明确一点,计算机中存储的信息都是二进制的 编码/解码本质上是一种映射(对应关系),比如‘a’用ascii编码则是65,计算机中存储的就是00110101,但是显示的时候不能显示00110101,还是要显示'a',但计算机怎么知道00110101是'a'呢,这就需要解码,当选择用ascii解码时,当计算机读到00110101时就到对应的ascii表里一查发现是'a',就显示为'a' 编码:真实字符与二进制串的对应关系,真实字符→二进制串 解码:二进制串与真实字符的对应关系,二进制