JavaScript URL encoding方法

最新推荐文章于 2024-02-02 17:37:23 发布
最新推荐文章于 2024-02-02 17:37:23 发布
阅读量1.1w 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_21000/article/details/82301908
版权
JavaScript支持以下三种URL encoding方法：
  1. escape;
  2. encodeURI;
  3. encodeURIComponent.
下面阐述一下这三者间的不同：
     escape不会改变数字，拉丁字符以及+ - * / . _ @等，所有其他字符都会被转义为%XX形式，XX是原字符的ASCII码。
     对于Unicode字符，escape处理逻辑更为复杂。如果输入是Unicode字符串，那么非ASCII的Unicode字符将会被转移为Unicode字符序列%uXXXX。例如，大写西里尔字符A，escape会转为%u0410。escape对应的解码函数是unescape。
     
     encodeURI和encodeURIComponent
     在escape之外，当今流行的浏览器还支持另外两个URL编码的函数：encodeURI和encodeURIComponent。他们与escape相似，但他们会保持某些escape会转义的字符（譬如. ~ ( )等）不变；encodeURIComponent会将一些字符入(+ - @)进行转义，而其在escape中保持不变。与escape不同的是，对于Unicode输入，encodeURI和encodeURIComponent不会生成%uXXXX的格式，相反，它们会生成%XX%XX或%XX%XX%XX。例如，encodeURI和encodeURIComponent会将大写西里尔字符A转移为%D0%90，欧元符号(€)转为%E2%82%AC。要对encodeURI和encodeURIComponent编码的字符进行解码，分别调用decodeURI和decodeURIComponent即可。
  • 小写ASCII字符(codes 1 thru 127),
下表列出了对于小写ASCII字符 这三个函数编码后的不同结果。 
chr escape(chr) encodeURI(chr) encodeURIComponent(chr)

 _          _              _               _
 -          -              -               -
 .          .              .               .
 *          *              *               *
 +          +              +               %2B
 /          /              /               %2F
 @          @              @               %40
 ~          %7E            ~               ~
 !          %21            !               !
 '          %27            '               '
 (          %28            (               (
 )          %29            )               )
 #          %23            #               %23
 $          %24            $               %24
 &          %26            &               %26
 ,          %2C            ,               %2C
 :          %3A            :               %3A
 ;          %3B            ;               %3B
 =          %3D            =               %3D
 ?          %3F            ?               %3F

所有其他的小写ASCII字符都产生相同的结果：
space       %20            %20             %20
 "          %22            %22             %22
 %          %25            %25             %25
 <          %3C            %3C             %3C
 >          %3E            %3E             %3E
 [          %5B            %5B             %5B
 \          %5C            %5C             %5C
 ]          %5D            %5D             %5D
 ^          %5E            %5E             %5E
 {          %7B            %7B             %7B
 |          %7C            %7C             %7C
 }          %7D            %7D             %7D
...         ...            ...             ...
  • 大写ASCII字符 (codes 128 thru 255) 
chr    escape(chr)   encodeURI(chr)  encodeURIComponent(chr)
            %A0         %C2%A0          %C2%A0
 ¡          %A1         %C2%A1          %C2%A1
 ¢          %A2         %C2%A2          %C2%A2
 £          %A3         %C2%A3          %C2%A3
 ¤          %A4         %C2%A4          %C2%A4
 ¥          %A5         %C2%A5          %C2%A5
 ¦          %A6         %C2%A6          %C2%A6
 §          %A7         %C2%A7          %C2%A7
 ¨          %A8         %C2%A8          %C2%A8
 ©          %A9         %C2%A9          %C2%A9
 ª          %AA         %C2%AA          %C2%AA
 «          %AB         %C2%AB          %C2%AB
 ¬          %AC         %C2%AC          %C2%AC
soft hyphen %AD         %C2%AD          %C2%AD
 ®          %AE         %C2%AE          %C2%AE
 ¯          %AF         %C2%AF          %C2%AF
 °          %B0         %C2%B0          %C2%B0
 ±          %B1         %C2%B1          %C2%B1
 ²          %B2         %C2%B2          %C2%B2
 ³          %B3         %C2%B3          %C2%B3
 ´          %B4         %C2%B4          %C2%B4
 µ          %B5         %C2%B5          %C2%B5
 ¶          %B6         %C2%B6          %C2%B6
 ·          %B7         %C2%B7          %C2%B7
 ¸          %B8         %C2%B8          %C2%B8
 ¹          %B9         %C2%B9          %C2%B9
 º          %BA         %C2%BA          %C2%BA
 »          %BB         %C2%BB          %C2%BB
 ¼          %BC         %C2%BC          %C2%BC
 ½          %BD         %C2%BD          %C2%BD
 ¾          %BE         %C2%BE          %C2%BE
 ¿          %BF         %C2%BF          %C2%BF
 À          %C0         %C3%80          %C3%80
 Á          %C1         %C3%81          %C3%81
 Â          %C2         %C3%82          %C3%82
 Ã          %C3         %C3%83          %C3%83
 Ä          %C4         %C3%84          %C3%84
 Å          %C5         %C3%85          %C3%85
 Æ          %C6         %C3%86          %C3%86
 Ç          %C7         %C3%87          %C3%87
 È          %C8         %C3%88          %C3%88
 É          %C9         %C3%89          %C3%89
 Ê          %CA         %C3%8A          %C3%8A
 Ë          %CB         %C3%8B          %C3%8B
 Ì          %CC         %C3%8C          %C3%8C
 Í          %CD         %C3%8D          %C3%8D
 Î          %CE         %C3%8E          %C3%8E
 Ï          %CF         %C3%8F          %C3%8F
 Ð          %D0         %C3%90          %C3%90
 Ñ          %D1         %C3%91          %C3%91
 Ò          %D2         %C3%92          %C3%92
 Ó          %D3         %C3%93          %C3%93
 Ô          %D4         %C3%94          %C3%94
 Õ          %D5         %C3%95          %C3%95
 Ö          %D6         %C3%96          %C3%96
 ×          %D7         %C3%97          %C3%97
 Ø          %D8         %C3%98          %C3%98
 Ù          %D9         %C3%99          %C3%99
 Ú          %DA         %C3%9A          %C3%9A
 Û          %DB         %C3%9B          %C3%9B
 Ü          %DC         %C3%9C          %C3%9C
 Ý          %DD         %C3%9D          %C3%9D
 Þ          %DE         %C3%9E          %C3%9E
 ß          %DF         %C3%9F          %C3%9F
 à          %E0         %C3%A0          %C3%A0
 á          %E1         %C3%A1          %C3%A1
 â          %E2         %C3%A2          %C3%A2
 ã          %E3         %C3%A3          %C3%A3
 ä          %E4         %C3%A4          %C3%A4
 å          %E5         %C3%A5          %C3%A5
 æ          %E6         %C3%A6          %C3%A6
 ç          %E7         %C3%A7          %C3%A7
 è          %E8         %C3%A8          %C3%A8
 é          %E9         %C3%A9          %C3%A9
 ê          %EA         %C3%AA          %C3%AA
 ë          %EB         %C3%AB          %C3%AB
 ì          %EC         %C3%AC          %C3%AC
 í          %ED         %C3%AD          %C3%AD
 î          %EE         %C3%AE          %C3%AE
 ï          %EF         %C3%AF          %C3%AF
 ð          %F0         %C3%B0          %C3%B0
 ñ          %F1         %C3%B1          %C3%B1
 ò          %F2         %C3%B2          %C3%B2
 ó          %F3         %C3%B3          %C3%B3
 ô          %F4         %C3%B4          %C3%B4
 õ          %F5         %C3%B5          %C3%B5
 ö          %F6         %C3%B6          %C3%B6
 ÷          %F7         %C3%B7          %C3%B7
 ø          %F8         %C3%B8          %C3%B8
 ù          %F9         %C3%B9          %C3%B9
 ú          %FA         %C3%BA          %C3%BA
 û          %FB         %C3%BB          %C3%BB
 ü          %FC         %C3%BC          %C3%BC
 ý          %FD         %C3%BD          %C3%BD
 þ          %FE         %C3%BE          %C3%BE
 ÿ          %FF         %C3%BF          %C3%BF
  • Unicode字符 
chr    escape(chr)   encodeURI(chr)  encodeURIComponent(chr)
 А       %u0410         %D0%90          %D0%90
 Б       %u0411         %D0%91          %D0%91
 В       %u0412         %D0%92          %D0%92
 Г       %u0413         %D0%93          %D0%93
 Д       %u0414         %D0%94          %D0%94
 Е       %u0415         %D0%95          %D0%95
 Ж       %u0416         %D0%96          %D0%96
 З       %u0417         %D0%97          %D0%97
 И       %u0418         %D0%98          %D0%98
 Й       %u0419         %D0%99          %D0%99
 К       %u041A         %D0%9A          %D0%9A
 Л       %u041B         %D0%9B          %D0%9B
 М       %u041C         %D0%9C          %D0%9C
 Н       %u041D         %D0%9D          %D0%9D
 О       %u041E         %D0%9E          %D0%9E
 П       %u041F         %D0%9F          %D0%9F
 Р       %u0420         %D0%A0          %D0%A0
 С       %u0421         %D0%A1          %D0%A1
 Т       %u0422         %D0%A2          %D0%A2
 У       %u0423         %D0%A3          %D0%A3
 Ф       %u0424         %D0%A4          %D0%A4
 Х       %u0425         %D0%A5          %D0%A5
 Ц       %u0426         %D0%A6          %D0%A6
 Ч       %u0427         %D0%A7          %D0%A7
 Ш       %u0428         %D0%A8          %D0%A8
 Щ       %u0429         %D0%A9          %D0%A9
 Ъ       %u042A         %D0%AA          %D0%AA
 Ы       %u042B         %D0%AB          %D0%AB
 Ь       %u042C         %D0%AC          %D0%AC
 Э       %u042D         %D0%AD          %D0%AD
 Ю       %u042E         %D0%AE          %D0%AE
 Я       %u042F         %D0%AF          %D0%AF
注意，对于某些Unicode字符，encodeURI或encodeURIComponent返回%XX%XX%XX而非%XX%xx。例如： 
chr    escape(chr)   encodeURI(chr)  encodeURIComponent(chr)
 ≠       %u2260       %E2%89%A0       %E2%89%A0
 ≡       %u2261       %E2%89%A1       %E2%89%A1
 ≢       %u2262       %E2%89%A2       %E2%89%A2
 ≣       %u2263       %E2%89%A3       %E2%89%A3
 ≤       %u2264       %E2%89%A4       %E2%89%A4
 ≥       %u2265       %E2%89%A5       %E2%89%A5
encoding.js
05-19
通过查表法实现gbk到unicode的转换，从字节数组转换为字符串的实现方法。
javaScript中URL编码转换,escape() encodeURI() encodeURIComponent
weixin_30629977的博客
08-28 269
javaScript中URL编码转换,escape() encodeURI() encodeURIComponent 2007年05月12日 星期六 下午 04:48 　在使用url进行参数传递时，经常会传递一些中文名的参数或URL地址，在后台处理时会发生转换错误。在有些传递页面使用GB2312，而在接收页...
javascript urlEncoding和urlDecoding
xm008的专栏
11-11 3152
  script language=vbs>function urldecoding(vstrin)qiushuiwuhen(2002-6-19)    dim i,strreturn,strSpecial    strSpecial = "!""#$%&()*+,/:;?@[]^`{|}~%"    strreturn = ""    for i = 1 to len(vstrin)  
如何用js对url做urlencoding处理？
铃儿响叮当
10-28 669
可以使用js内置的方法 将中文转为urlencoding形式 encodeURIComponent('我是普通字符') // 输出结果为'%E6%88%91%E6%98%AF%E6%99%AE%E9%80%9A%E5%AD%97%E7%AC%A6' 将urlencoding形式转为普通字符 decodeURIComponent('%E6%88%91%E6%98%AF%E6%99%AE%E9%80%9A%E5%AD%97%E7%AC%A6') // 输出结果为“我是普通字符” ...
js对url进行编码解码（三种方式）
热门推荐
富朝阳的博客
12-26 3万+
escape官方已不推荐使用了，基本淘汰了，如果想对URL编码，最好不要使用此方法，encodeURI和比较常用。前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。如果文章对你有所帮助，！博主会持续更新。。。。
Javascript UrlDecode函数代码
12-02
有时候可能会有这么一个需求,我在后台使用: 代码如下: HttpUtility.UrlEncode(str, System.Text.Encoding.UTF8); 将Url进行编码,前台JS需要使用这段内容,这时候就需要解码了: 代码 代码如下: /** * Url编码 **/ ...
关于加密解密 Base64 and URL and Hex Encoding and Decoding
10-31
2. **URL编码与解码**：使用JavaScript内置函数`escape()`和`unescape()`实现URL编码与解码功能。 3. **Hex编码**：虽然提供的代码片段中没有直接展示Hex编码的实现，但可以采用类似的方法，即将每个字节的二进制...
Javascript调用Webservice的多种方法
10-30
### JavaScript调用WebService的多种方法 #### 一、引言 在Web开发中，JavaScript与WebService的结合使用非常常见，特别是在需要与后端服务进行交互的场景下。本文将详细介绍如何利用JavaScript结合XMLHttpRequest...
URL encoding如何使用
04-26
URL encoding是一种将URL中的特殊字符转换为可被浏览器和服务器...在JavaScript中，可以使用encodeURI()和encodeURIComponent()函数进行URL编码。encodeURI()编码整个URL，而encodeURIComponent()只编码指定字符串。
.Net获取URL中文参数值的乱码问题解决方法总结
10-21
总结来说，解决.NET中URL中文参数值乱码问题的方法主要包括在web.config中进行全局编码设置、使用Server.UrlEncode和Server.UrlDecode方法编码解码参数、使用JavaScript的escape函数、以及在编程中使用...
encoding.js, 在JavaScript中，转换字符编码.zip
10-10
encoding.js, 在JavaScript中，转换字符编码 encoding.js 在JavaScript中转换字符编码。README(Japanese)安装浏览器中的插件：[removed][removed]或者
JS实现URL编码转换中文
03-16
JS实现URL编码转换中文
详谈js对url进行编码和解码(三种方式的区别)
10-19
下面小编就为大家带来一篇详谈js对url进行编码和解码(三种方式的区别)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript给url网址进行encode编码的方法
最新发布
weixin_54930261的博客
02-02 4216
JavaScript中的encodeURIComponent()方法可以将字符串编码成URL合法的格式，将字符串中的某些特殊字符转化为其对应的编码字符。其中，str是需要进行编码的字符串。在实际应用中，首先需要将字符串准备好，然后调用encodeURIComponent()方法对其进行编码。
【转】利用javascript完成URLEncoding功能
BigDragon
08-27 199
日常开发中，经常遇到由于页面不一致，导致由页面表单提交或超连接跳转时中文成了乱码的问题。解决此问题的方法不外乎二：1.使用统一的页面编码2.接收参数的时候进行编码转换。但 是以上两种方法并不是任何时候都能胜任的。本人在开发并维护一个web应用的时候就遇到了这样的问题：在进行系统版本切换时（由.net滚动升级至 java），一个GB2312编码的页面，需要向两个不同的servlet提交请求。一个se...
JavaScript 中URL编码方式
weixin_42371145的博客
11-18 832
JavaScript 中URL编码方式 其实url编码就是一个字符ascii码的十六进制。不过稍微有些变动，需要在前面加上“%”。比如“\”，它的ascii码是92，92的十六进制是5c，所以“\”的url编码就是%5c。 Javascript存在几种url字符串的编码方式：escape（），encodeURI（），以及encodeURIComponent（）。这几种编码方式所起的作用各不相同。 ...
js url urlencoding,乱码,编码,解码,编解码
黑色头发
12-19 840
%25%37%DD 上述形式不是乱码。 这是urlencoding。 可以使用js内置的方法 encodeURIComponent进行编码 再使用decodeURIComponent把上述形式再解码为普通字符 对付火狐的自动编码有特效 黑色头发:http://heisetoufa.iteye.com/...
JavaScript：Encoding和原生拖放事件
读心悦
12-04 653
Encoding 是用于实现字符串和定型数组之间的转换，有四个用于执行转换的全局类：TextEncoder、TextEncoderStream、TextDecoder和TextDecoderStream。Encoding提供了两种字符串转换为定型数组二进制格式的方法：批量编码和流编码。把字符串转换为定型数组的时候，编码器始终使用的是UTF-8。批量编码，指的是JavaScript引擎会同步编码整个字符串，对很长的字符串，花费时间比较长。批量编码是通过TextEncoding的实例来完成的：。 其中f的UT
js_UrlEncoding.txt
weixin_42193179的博客
02-07 312
1）对于非ASCII字符，需要使用ASCII字符集的超集进行编码得到相应的字节（编号对应该字符），1.保留字符（需要编码的情况：如果在 url 中要出现保留字符，但其含义与保留字符规定的含义不同。例如，a 在US-ASCII码中对应的字节是0x61，那么Url编码之后得到的就是%61，五、保留字符的 url 编码列表（18个），即：!1.对于Url中的合法（允许包含的）字符，编码和不编码是等价的。2.合法字符中的保留字符，RFC3986文档给规定了特定的含义，以及所有保留字符（18个），即：!
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值