encodeURIComponent 的作用和encodeURI的区别

最新推荐文章于 2024-10-09 09:28:27 发布
最新推荐文章于 2024-10-09 09:28:27 发布
阅读量382 收藏
点赞数
分类专栏： js

首先解释下 encodeURIComponent 的作用：将文本字符串编码为一个有效的统一资源标识符 (URI)。
为什么要用这个是因为我想把 username 整个当做参数传递给 CGI, 而不让 CGI 将 username 分割掉。这话听不明白的话我换种方式来说，如果 username = 'a&foo=boo' 而不用 encodeURIComponent 的话，整个参数就成了 name=a&foo=boo, 这样 CGI 就获得两个参数 name 和 foo. 这不是我们想要的。
Javascript 里还有个同样功能的函数 encodeURI, 但是此方法不会对下列字符进行编码：":"、"/"、";" 和 "?"。

我终于弄明白这个函数是干什么的了。

encodeURI与encodeURIComponent方法的区别
猪猪也要飞
01-05 9921
如果你使用的get方法提交表单肯定要考虑到输入项目的编码解码问题。解决这个问题大家一般都使用encodeURI或者encodeURIComponent方法，在这里做一下总结：首先看看各个方法不同浏览器的支持程度函数描述FFNIEdecodeURI()解码某个编码的 URI。145.5decodeURIComponent()
【JavaScript编程】encodeURI和encodeURIComponent的区别
猿始森林
04-02 695
如果你之前使用了encodeURIComponent对这些部分进行了编码，那么你可以使用decodeURIComponent来将其解码回原始状态。如果你之前使用了encodeURI对一个URL进行了编码，那么你可以使用decodeURI来将其解码回原始状态。
encodeURI encodeURIComponent 的作用 及 应用
xiongzhengxiang的专栏
09-09 5680
首先解释下 encodeURIComponent 的作用：将文本字符串编码为一个有效的统一资源标识符 (URI)。 为什么要用这个是因为我想把 username 整个当做参数传递给 CGI, 而不让 CGI 将 username 分割掉。这话听不明白的话我换种方式来说，如果 u
encodeURI、encodeURIComponent的区别
weixin_43300156的博客
08-22 1367
这两个函数功能上面比较接近，但是有一些区别。 encodeURI：不会进行编码的字符有82个 ：!，#，$，&，’，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z encodeURIComponent:不会进行编码的字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z 1、 encodeURI() 输出： http://www....
encodeURIComponent与encodeURI区别
zhongdesheng的专栏
05-11 162
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。encodeURIComponent(URIstring)该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。   encodeURI() 函数可把字符串作为 URI 进行编码。encodeURI(URIstring)该方法的目的是对...
JavaScript encodeURI 和encodeURIComponent
10-23
encodeURI和encodeURIComponet函数都是javascript中用来对URI进行编码，将相关参数转换成UTF-8编码格式的数据。URI在进行定位跳转时，参数里面的中文、日文等非ASCII编码都会进行编码转换
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
09-03
在JavaScript中，`encodeURI()`、`encodeURIComponent()`和`escape()`是三个用于字符串编码的函数，它们的主要目的是确保特殊字符在传输过程中不会引起错误。理解它们之间的差异对于编写正确处理URL和数据的...
escape、encodeURI 和 encodeURIComponent 的区别
09-06
虽然它们都与字符串编码有关，但各自的作用和适用场景有所不同。 首先，`escape()` 方法并不推荐用于URI（统一资源标识符）编码，因为它对所有非ASCII字符进行编码，包括一些URI组件中允许的字符。`escape()` 会将...
javascript encodeURI和encodeURIComponent的比较
10-29
在进行SaaS前端开发的时候，大家经常会用到两个JavaScriptNative函数：encodeURI 和 encodeURIComponent。这篇文章详细解释这两个函数的用途并比较它们的不同之处
encodeURIComponent和encodeURI区别
qq_42931285的博客
10-09 968
encodeURIComponent和encodeURI区别
一张图看懂encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别
weixin_30596023的博客
03-15 1060
一、这四个方法的用处 1、用来编码和解码URI的 统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。除了encodeURI、encodeURIComponent、decodeURI、decodeURIComponent四个用来编码和解码 URI 的函数之外 ECMAScript 语言自身不提供任何使用...
encodeURIComponent()有什么用？
热门推荐
weixin_42520375的博客
01-06 1万+
encodeURIComponent()：因为在作用与url当作参数传递的时候，如参数出现空格这样的特殊字段，后台只可以读取到空格前的内容，后面内容丢失，造成数据读取失败，但是如果用encodeURIComponent()包裹一下，那会将这些特殊字符进行转义，这样后台就可以成功读取了，所以encodeURIComponent()用于url作为参数传递的场景中使用 ...
encodeURI 和encodeURIComponent的区别
liora6的博客
02-17 1315
1. encodeURI()函数 encodeURI() 函数通过将特定字符的每个实例替换为一个、两个、三或四转义序列来对统一资源标识符 (URI) 进行编码。 简述：对整个URL进行编码 示例： console.log(encodeURI("http://username:password@www.example.com:80/path/to/file.php?foo=316&bar=this+has+spaces#anchor")) // output: ”http://username
encodeURI和encodeURIComponent之间的区别
qq_43583887的博客
02-01 2224
编码后url仍可以适用而，即如果还需要使用改URL进行网络传输则可以使用encodeURI。例如URL出现了中文，中文在网络中无法直接传输，则URL需要编码。例如：encodeURIComponent会把 http:// 编码成 http%3A%2F%2F 而encodeURI却不会。： encodeURI和encodeURIComponent作用对象都是URL，唯一的区别是编码的字符范围。：encodeURIComponent 比 encodeURI的编码范围更大。对于带参数URL进行编码使用。
encodeURIComponent()与encodeURI()区别
qishituan521的博客
04-28 685
今天查询数据时候，jsp到后台模糊查询就是查不出数据，后来经过debug发现，前台传过来的数据经过URLDecoder.decode(zymc, "UTF-8"); 变成     医科大学（“5 3”）实际上我要的数据是  医科大学（“5+3”）小伙伴发现没，+号变成空格了。我在前台js用的是encodeURI()函数编码的。我就在想应该是数据经过这个方法编码后自动把+变成空格了，经过百度发现，原...
encodeURIComponent()的作用及其语法
qq_47443027的博客
03-25 1687
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。 该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。 其他字符（比如 ：;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。 作用 encodeURIComponent()：因为在作用与url当作参数传递的时候，如参数出现空格这样的特殊字段，后台只可以读取到空格前的内容，后面.
encodeURI()、encodeURIComponent()区别及使用场景
qq_42931285的博客
11-26 5987
encodeURI()、encodeURIComponent()区别及使用场景
encodeURIComponent和encodeURI的区别
最新发布
04-28
### encodeURIComponent 与 encodeURI 的区别 #### 基本概念 `encodeURI` 是一种用于对完整的 URI（Uniform Resource Identifier）进行编码的方法。它会保留那些在 URI 中具有特殊意义的字符，比如 `:`、`/`、`?` 等[^2]。 相比之下，`encodeURIComponent` 更加严格，专门用来对 URI 组件（如查询参数中的键或值）进行编码。这意味着它不仅会对非法字符进行转义，还会对 URI 特殊字符（如 `?`、`=`、`&` 等）进行编码[^3]。 --- #### 编码范围对比 | 字符 | 是否被 `encodeURI` 转义 | 是否被 `encodeURIComponent` 转义 | |------|-------------------------|-------------------------------| | A-Z, a-z, 0-9 | 否 | 否 | | ~ ! @ # $ & ( ) = : / ? ; , ' + | 否 | 是 | | 所有其他非 ASCII 字符 | 是 | 是 | 通过表格可以看出，`encodeURI` 对于某些特殊的 URI 符号不会进行编码，而这些符号会被 `encodeURIComponent` 处理[^4]。 --- #### 使用场景分析 1. **使用 `encodeURI`** 当需要对整个 URL 或者路径部分进行编码时，可以选择 `encodeURI`。这通常发生在 URL 已经是一个有效的地址结构的情况下，仅需对其内部可能存在的非法字符进行保护。 示例： ```javascript const url = "https://example.com/path?name=John Doe"; console.log(encodeURI(url)); // 输出: https://example.com/path?name=John%20Doe ``` 2. **使用 `encodeURIComponent`** 如果目标是对 URL 查询字符串中的单独组件（例如参数名或者参数值）进行编码，则应当采用 `encodeURIComponent` 来确保每个组成部分都符合标准并能安全地嵌入到最终形成的 URL 中。 示例： ```javascript const paramValue = "John Doe"; const encodedParam = encodeURIComponent(paramValue); console.log(encodedParam); // 输出: John%20Doe const fullUrl = `https://example.com/search?q=${encodedParam}`; console.log(fullUrl); // 输出: https://example.com/search?q=John%20Doe ``` --- ### 总结 为了保证 URL 完整性和数据准确性，在不同情境下合理选用这两种方法至关重要。对于整体 URI 需要维持原有语义时不改变其构成元素的意义可用 `encodeURI`; 若针对具体某一段落文字作为变量传参则推荐运用更为严格的 `encodeURIComponent` 函数来完成相应操作[^4]. ```javascript // Example of using both functions together const baseUrl = "http://www.example.com/resource?"; const key = "query"; const value = "special chars like @#$%^&*()"; let safeKey = encodeURIComponent(key); let safeValue = encodeURIComponent(value); console.log(`${baseUrl}${safeKey}=${safeValue}`); // Output: http://www.example.com/resource?query=special%20chars%20like%20%40%23%24%25%5E%26%2A%28%29 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值