JS的encodeURIComponent()

最新推荐文章于 2025-05-22 15:29:10 发布
原创 最新推荐文章于 2025-05-22 15:29:10 发布 · 1.8k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

encodeURIComponent(val);

encodeURIComponent()的作用是把字符串作为URI进行编码。

对字符串进行编码的原因是——如果参数中有特殊字符(空格等)时，避免传参失误。

encodeURIComponent(val)；

入参描述
val字符串，含有 URI 组件或其他要编码的文本

返回值：
返回的字符串中某些字符被 十六进制 的 转义序列 进行替换。

语法：

encodeURIComponent(str);

Demo:

let url="http://www.baidu.com";
console.log(encodeURIComponent(url));
//返回值是
http%3A%2F%2Fwww.baidu.com

url中的 : / /被替换成 %3A%2F%2F

url携带参数的情况下： 
let url="http://www.baidu.com?name=小米&age=18";
console.log(encodeURIComponent(url));
//返回值是
http%3A%2F%2Fwww.baidu.com%3Fname%3D%E5%B0%8F%E7%B1%B3%26age%3D18

: / / 替换成 %3A%2F%2F
? 替换成 %3F
=小米& 替换成 %3D%E5%B0%8F%E7%B1%B3%26
= 替换成 %3D

JavaScript全局函数研究_手写模仿实现_02：decodeURI、decodeURIComponent、encodeURI、encodeURIComponent
qq_33546823的博客
10-12 1407
函数用于对整个URI进行编码，它会保留URI中具有特殊含义的字符，例如?等。这些字符在URI中具有分隔作用，不应被编码。函数用于编码URI的组件（参数值、路径片段等）。它会编码所有非字母数字字符，包括保留的字符。这确保了组件在URI中传输时不会破坏URI的结构。函数用于解码由编码的URI。它会将编码的部分转换回原始字符。函数用于解码由编码的URI组件。和用于对整个URI进行编码和解码，保留URI中的分隔符和保留字符。和用于对URI的组件进行编码和解码，编码范围更广。编码时，将非保留字符转换为。
JS中encodeURIComponent函数用php解码的代码
12-19
`encodeURIComponent`是JavaScript中用于对URI组件进行编码的一个函数，它可以确保特殊字符和非ASCII字符在URL中正确表示。当这些编码后的字符串需要在PHP中解码时，通常会用到`urldecode`和`iconv`这两个函数。 `...
JS中三种编码方式(escape,encodeURI,encodeURIComponent)
03-20
NULL 博文链接：https://liuzidong.iteye.com/blog/829204
js的 encodeURI() encodeURIComponent() decodeURI() decodeURIComponent() 笔记250205
kfepiza的博客
02-05 2759
和。它们分别用于不同的场景，具体区别和用法如下：：编码完整的URI，保留保留字符（如:/?#@等），仅对非保留字符进行编码。：编码整个URL，确保URI结构不被破坏。://?张三：编码URI的组成部分（如查询参数），对所有非标准字符（包括保留字符）进行编码。：编码URI的某部分（如参数值），防止特殊字符破坏URI结构。%3D%26：解码由编码的URI，仅还原非保留字符的编码，保留保留字符的编码。%20%25?：解码由编码的字符串，还原所有字符的编码（包括保留字符）。
js中encodeURIComponent函数使用场景
最新发布
AsUs.的博客
05-22 513
配套的解码函数是 decodeURIComponent()，用来将编码后的字符串还原回原始内容。如果你直接拼接这些字符到 URL 中，浏览器会无法正确识别或者出错。现在这个 URL 就安全可传输，浏览器和服务器都能正确解码回原文。⚠️ 这会导致 URL 被错误地解析，参数分隔混乱。空格、中文、特殊符号等等也不能直接放在 URL 中。✅ 解码（如果需要）
js中encodeURIComponent（）函数
weixin_38098192的博客
05-16 2940
encodeURIComponent(URIstring)：把字符串作为URI组件进行编码； 参数：URIstring：必需。一个字符串，含有 URI 组件或其他要编码的文本。 返回值：URIstring的副本，其中某些字符将被十六进制的转义序列进行替换。 该方法不会对ASCII字母和数字进行编码，也不会对这些ASCII标点符号进行编码：- _ . ! ~ * ' ( ) 。其他字符（比如 ：...
【javaScript】JS中encodeURIComponent编码、decodeURIComponent解码、encodeURI编码、decodeURI解码
Umbrella_Um的博客
08-20 3890
1.encodeURIComponent 定义和用法 encodeURIComponent() 函数可把字符串作为 URI 组件进行编码 语法结构 encodeURIComponent(URIstring) 参数描述 URIstring 必需。一个字符串，含有 URI 组件或其他要编码的文本 返回值 URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换 特殊说明 该方法不会...
JS中encodeURIComponent（URL）编码与decodeURIComponent（URL）解码详解
热门推荐
木子李的博客
12-15 7万+
(1)   encodeURIComponent(url) 函数 定义和用法        encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。 语法        encodeURIComponent(URIstring) 参数 描述        URIstring 必需。一个字符串，含有 URI 组件或其他要编码的文本。 返回值
java 中类似js encodeURIComponent 函数的实现案例
10-14
在Java编程语言中，没有内置的方法直接等同于JavaScript中的`encodeURIComponent`函数，该函数用于编码URI（统一资源标识符）组件，确保特殊字符被适当地转换为百分比编码。然而，通过组合Java的`URLEncoder`和`...
js encodeuricomponent
06-28
b'js encodeuricomponent' 是 JavaScript 中的函数，在 URL 编码时使用，将字符串转换为 UTF-8 编码，以便 URL 可以正确解析。该函数可以处理字符串中的特殊字符，如空格和汉字。
javascript encodeURI和encodeURIComponent的比较
10-29
在进行SaaS前端开发的时候，大家经常会用到两个JavaScriptNative函数：encodeURI 和 encodeURIComponent。这篇文章详细解释这两个函数的用途并比较它们的不同之处
js中的encodeURIComponent()函数
03-01 140
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。 $scope.linktotheme = function () { if ($scope.curthemeid == null) return; $("#settings").modal('hide'); var tempurl = ""; ...
【Javascript】encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
zhenshu_guo的博客
04-21 1万+
encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
JS编码解码 （转）
weixin_30444105的博客
02-09 152
定义和用法 encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。 语法 encodeURIComponent(URIstring) 参数描述 URIstring 必需。一个字符串，含有 URI 组件或其他要编码的文本。 返回值 URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。 说明 该...
js中encodeURIComponent函数的使用，加码解码
海洋的眼泪
07-26 1万+
js中encodeURIComponent函数的使用，加码解码
JavaScript 中使用 escape、encodeURI、encodeURIComponent 编码解码
qq_25775675的博客
05-07 4083
JavaScript 中使用 escape、encodeURI、encodeURIComponent 编码解码
encodeURI encodeURIComponent 的作用 及 应用
xiongzhengxiang的专栏
09-09 5697
首先解释下 encodeURIComponent 的作用：将文本字符串编码为一个有效的统一资源标识符 (URI)。 为什么要用这个是因为我想把 username 整个当做参数传递给 CGI, 而不让 CGI 将 username 分割掉。这话听不明白的话我换种方式来说，如果 u
JavaScript encodeURIComponent() 函数
欢迎你的到来，我们一起加油！！！
01-17 622
加油，新时代打工人！
深入探秘 encodeURIComponent 与 encodeURI：JS 中的 URL 编码利器
Jiaberrr的博客
12-12 2210
encodeURIComponent 是 JavaScript 自带的函数，可把字符串作为 URI 组件进行编码，会转码除了语义字符之外的所有字符。语义字符包括：a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*），单引号（'），圆括号（()）。其他字符，如分号（;），逗号（,），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#）等元字符都会被转码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值