encodeURIComponent 和 decodeURIComponent

深藏阁楼爱情的钟 2023-02-12 06:25 10阅读 0赞

**encodeURIComponent(URI) **

**MDN解释：**

**encodeURIComponent(URI)  **都是对统一资源标识符（URI）的组成部分进行编码的方法。

**返回值：**

返回URIstring的副本，其中的某些字符将被十六进制的转义序列进行替换。

**说明：**

（1）该方法不会对ASCLL、字母、数字进行编码，也不会对ASCLL标点符号进行编码：如：-    . ! ~ \* ' ( )

（2）其他字符（比如：; / ? : @ & = + $ , \# 这些用于分割URI组件的标点符号），都是由一个或多个十六进制的转义序列替换的。

** decodeURIComponent(url) 函数**

**用法：**

decodeURIComponent() 函数可把字符串作为 URI 组件进行解码。

**返回值：**

解码后的文本或URI组件

在使用js的jQuery的post向后台servlet传递拼接的字符串数据时，一些特殊的字符例如：“+、@、\#、

$、%、&、?、/”等无法传递到后台输出。

举个例子：

var str1="a+aa+bb@kk$dd";

var  data="data1"="+str1+"+"&"+"data2"+str2;

如果不进行编码，则通过js的jQuery的post或者使用window.self.location传递数据到后台，都会造成+、@、$字符无法正常输出。

正确写法：

var str1=encodeURIComponent("a+aa+bb@kk$dd");

var  data="data1"="+str1+"+"&"+"data2"+str2;

**小知识**

**<1>**  **什么是URI **

URI, 统一资源标识符（ Unifrom Resource Identifier, URI ），表示的是web上每一中可用的资源，如: **html文档、图像、视频短片、程序**等都由一个 URI 进行定位的。

**<2>**  **URI的组成部分**

URI通常有三部分组成：

（1）访问资源的命名机制。

（2）存放资源的主机名。

（3）资源自身的名字。

**<3> URI举例**

如：https://blog.csdn.net/qq\_1063614453/article/details/111

我们可以这样解释：

（1）这是一个可以通过https 协议访问的资源，

（2）位于主机 blog.csdn.net 上，

（3）通过 "/qq\_1063614453/article/details/111" 可以对资源进行唯一标识

注意：以上三点只不过是对示例的解释，这三点并不是URI的必要条件，URI只是一种概念，怎样实现无所谓，只要它唯一标识一个资源就可以。

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关字符串encodeURIComponent（编码）/decodeURIComponent（解码）

引入： > cookie能不能存中文？ > \ 在tomcat 8 之前 cookie中不能直接存储中文数据。 > \ 需要将中文数据转码---一般采用URL编码(%

短命女/ 2023年10月10日 15:56/ 0 赞/ 161 阅读

相关 JS中encodeURI()、decodeURI()、encodeURIComponent()和decodeURIComponent()编码与解码

[https://www.cnblogs.com/ylxmt/p/10234210.html][https_www.cnblogs.com_ylxmt_p_10234210.h

谁践踏了优雅/ 2023年06月21日 12:25/ 0 赞/ 89 阅读

相关 encodeURIComponent 和 decodeURIComponent

encodeURIComponent(URI) MDN解释： encodeURIComponent(URI) 都是对统一资源标识符（URI）的组成部分进行编码的方法。

深藏阁楼爱情的钟/ 2023年02月12日 06:25/ 0 赞/ 11 阅读

相关一张图看懂encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别

一、这四个方法的用处 1、用来编码和解码URI的统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP

梦里梦外;/ 2022年09月25日 08:21/ 0 赞/ 247 阅读

相关 URL转码 js decodeURIComponent encodeURIComponent 函数

//转换的URL var url = "https://wxapp1.hemayayi.com/\/b6?menage=你输入的兑换码错误";

「爱情、让人受尽委屈。」/ 2022年06月18日 10:59/ 0 赞/ 331 阅读

相关一张图看懂encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别

[转载自 https://www.cnblogs.com/shuiyi/p/5277233.html][https_www.cnblogs.com_shuiyi_p_52772

野性酷女/ 2022年05月08日 06:14/ 0 赞/ 305 阅读

相关 java 代码实现encodeURIComponent和decodeURIComponent，解决空格转义为加号的问题。

java自带有一个 java.net.URLDecoder和java.net.URLEncoder。通过这两个类，可以调用encode()或者decode()方法对字符串

清疚/ 2022年04月16日 03:59/ 0 赞/ 751 阅读

相关一张图看懂encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别

From:[https://www.cnblogs.com/shuiyi/p/5277233.html][https_www.cnblogs.com_shuiyi_p_5277

缺乏、安全感/ 2022年03月15日 16:58/ 0 赞/ 317 阅读

相关 encodeURI 和 encodeURIComponent

URL编码你可能会懵我们要查询一个年龄为 20，姓名包含 `tom` 的人，那么我们会这样去组织请求 var url = "http//xxx/age=20&

￡神魔★判官ぃ/ 2021年09月18日 07:54/ 1 赞/ 387 阅读

相关 JavaScript decodeURIComponent()

JavaScript decodeURIComponent() 此方法可对encodeURIComponent方法编码的URI进行解码。

红太狼/ 2020年05月26日 15:58/ 0 赞/ 374 阅读