encodeURI()函数和encodeURIComponent()函数

最新推荐文章于 2024-06-28 18:32:28 发布
最新推荐文章于 2024-06-28 18:32:28 发布
阅读量2.9w 收藏 81
点赞数 19
分类专栏： 基础知识 文章标签： encodeURI encodeURIComponent
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_33438652/article/details/89708775
版权

encodeURI()和encodeURIComponent()都是Javascript中对URL编码的函数。
但是区别在于：
encodeURI()着眼于对整个URL进行编码，特殊含义的符号"; / ? : @ & = + $ , #“不进行编码
encodeURIComponent()对URL的组成部分进行个别编码，所以”; / ? : @ & = + $ , #"在这里是可以进行编码

测试代码

<html>
<body>

<script type="text/javascript">

document.write(encodeURI("http://www.w3school.com.cn")+ "<br />")
document.write(encodeURI("http://www.w3school.com.cn/My first/")+ "<br />")
document.write(encodeURI(",/?:@&=+$#")+ "<br />")

document.write(encodeURIComponent("http://www.w3school.com.cn")+ "<br />")
document.write(encodeURIComponent("http://www.w3school.com.cn/My first/")+ "<br />")
document.write(encodeURIComponent(",/?:@&=+$#")+ "<br />")
</script>

</body>
</html>

编码结果

//使用encodeURI

http://www.w3school.com.cn
http://www.w3school.com.cn/My%20first/
,/?:@&=+$#

//使用encodeURIComponent

http%3A%2F%2Fwww.w3school.com.cn
http%3A%2F%2Fwww.w3school.com.cn%2FMy%20first%2F
%2C%2F%3F%3A%40%26%3D%2B%24%23

所以我一般进行设置时候，会在http路径采用encodeURI进行编码，但是在路径中携带的参数采用encodeURIComponent进行编码

蔡姐
关注
  • 19
    点赞
  • 踩
  • 81
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
encodeURI() 和 encodeURIComponent()
weixin_44797985的博客
04-16 1593
今天在看《JavaScript高级程序设计》这本书的时候，刚好看到关于URI编码方法，联想起之前所看的http的知识，于是对比一下encodeURI和encodeURIComponent这两个方法 首先这两个方法都是用于URI的编码，知其然知其所以然，为什么需要用到URI的编码呢？ 简单的说就是URI编码后方便浏览器识别，有效的URI中不能包含某些字符，例如空格。用特殊的UTF-8编码替换所有无效的字符，从而让浏览器能够接受和理解。 一、encodeURI() encodeURI()主要是用于整.
encodeURIComponent()与encodeURI()区别
qishituan521的博客
04-28 478
今天查询数据时候，jsp到后台模糊查询就是查不出数据，后来经过debug发现，前台传过来的数据经过URLDecoder.decode(zymc, "UTF-8"); 变成     医科大学（“5 3”）实际上我要的数据是  医科大学（“5+3”）小伙伴发现没，+号变成空格了。我在前台js用的是encodeURI()函数编码的。我就在想应该是数据经过这个方法编码后自动把+变成空格了，经过百度发现，原...
encodeURI和encodeURIComponent之间的区别
qq_43583887的博客
02-01 1990
编码后url仍可以适用而，即如果还需要使用改URL进行网络传输则可以使用encodeURI。例如URL出现了中文，中文在网络中无法直接传输，则URL需要编码。例如：encodeURIComponent会把 http:// 编码成 http%3A%2F%2F 而encodeURI却不会。： encodeURI和encodeURIComponent作用对象都是URL，唯一的区别是编码的字符范围。：encodeURIComponent 比 encodeURI的编码范围更大。对于带参数URL进行编码使用。
encodeURIComponent
最新发布
weixin_63681863的博客
06-28 371
string${trim是 JavaScript 中的一个全局函数，用于对 URI（Uniform Resource Identifier）中的组件进行编码。它确保将特殊字符转换为一个或多个转义的字符序列，这些序列是安全的并且可以在 URI 中传输。
encodeURI()、encodeURIComponent()区别及使用场景
qq_42931285的博客
11-26 4669
encodeURI()、encodeURIComponent()区别及使用场景
encodeURI,encodeURIComponent有什么区别?
cxz
08-10 2969
不同点 它们都是编码URL，唯一区别就是编码的字符范围，其中 encodeURI方法不会对下列字符编码 ： ASCII字母 数字 ~!@#$&()=:/,;?+'* encodeURIComponent方法不会对下列字符编码 ASCII字母 数字 ~!*()’ 所以encodeURIComponent 比 encodeURI编码的范围更大。 encodeURI 是用来处理整个 URI 的，它应该接受 URI 的 protocol, host, port 等部分，只对 path 和 que
encodeURI、encodeURIComponent的区别
weixin_43300156的博客
08-22 1157
这两个函数功能上面比较接近，但是有一些区别。 encodeURI：不会进行编码的字符有82个 ：!，#，$，&，’，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z encodeURIComponent:不会进行编码的字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z 1、 encodeURI() 输出： http://www....
encodeURIComponent()和encodeURI()解决url传参过长接收不全问题
zhangxy的博客
11-27 2313
encodeURIComponent()和encodeURI()
JavaScript encodeURI 和encodeURIComponent
10-23
encodeURI和encodeURIComponet函数都是javascript中用来对URI进行编码，将相关参数转换成UTF-8编码格式的数据。URI在进行定位跳转时，参数里面的中文、日文等非ASCII编码都会进行编码转换
javascript encodeURI和encodeURIComponent的比较
10-29
在进行SaaS前端开发的时候，大家经常会用到两个JavaScriptNative函数：encodeURI 和 encodeURIComponent。这篇文章详细解释这两个函数的用途并比较它们的不同之处
escape、encodeURI 和 encodeURIComponent 的区别
09-06
在JavaScript中，`escape()`, `encodeURI()`, 和 `encodeURIComponent()` 是三个常见的字符串编码函数，它们用于处理和转换字符串中的特殊字符。虽然它们都与字符串编码有关，但各自的作用和适用场景有所不同。 ...
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
09-03
在JavaScript中，`encodeURI()`、`encodeURIComponent()`和`escape()`是三个用于字符串编码的函数，它们的主要目的是确保特殊字符在传输过程中不会引起错误。理解它们之间的差异对于编写正确处理URL和数据的...
js中编码函数：escape,encodeURI与encodeURIComponent详解
10-20
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法，而他们之间的异同却困扰了很多的Javascript初学者，这篇文章详细的给大家介绍了js中编码函数：escape,encodeURI与...
简单明了区分escape、encodeURI和encodeURIComponent
12-03
本文主要关注三个与URL编码相关的函数：`escape`、`encodeURI`和`encodeURIComponent`。这些函数各有其特定的用途，理解它们的区别至关重要。 首先，我们来看`escape`函数。`escape`并不专门用于URL编码，它实际上...
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
10-22
JavaScript中的字符串编码函数主要包括`escape()`、`encodeURI()`和`encodeURIComponent()`，它们的作用是对字符串进行编码处理，以便在网络中安全地传输数据。这三种函数都有对应的解码函数：`unescape()`、`...
url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介
吴冬雪的博客
02-15 3752
1、escape()escape()是js编码函数中最古老的一个。虽然这个函数现在已经不提倡使用了，但是由于历史原因，很多地方还在使用它，所以有必要先从它讲起。实际上，escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。比如“春节”的返回结果是%u6625%u8282，也就是说在Unicode字符集中，“春”是第6625个（十六进制）字符，“节”是第8282个（十六进制）字符。javascript:escape("春节");//输出 "%u6625%u8282"
encodeURI 和encodeURIComponent的区别
imcholl的博客
02-17 1145
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() 函数
WillWang1988的博客
04-29 1215
####定义和用法 encodeURI() 函数可把字符串作为 URI 进行编码。 该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ’ ( ) 。 该方法的目的是对 URI 进行完整的编码，因此对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() 函数是不会进行转义的：;/?
postman encodeuri
05-20
Postman 是一个 API 开发环境，它提供了许多功能来测试和调试 API。其中一个功能是用于编码 URI 的工具。 在 Postman 中使用 encodeURI() 方法可以将 URI 中的特殊字符进行编码，以便在 HTTP 请求中传递。例如，如果你想要将字符串 "Hello World!" 作为查询参数传递给 API，但是感叹号可能会被解释为 URL 片段分隔符，那么你可以使用 encodeURI() 方法将它转换为 "%21"，这样就可以安全地传递了。 要在 Postman 中使用 encodeURI() 方法，请遵循以下步骤： 1. 选择一个请求并打开它的 "Pre-request Script" 选项卡。 2. 在 "Pre-request Script" 编辑器中，编写 JavaScript 代码来进行 URI 编码。例如： ``` var originalString = "Hello World!"; var encodedString = encodeURI(originalString); ``` 3. 将编码后的字符串用作请求参数。例如： ``` https://api.example.com/search?q={{encodedString}} ``` 这样，当你发送请求时，Postman 将自动将 "{{encodedString}}" 替换为编码后的字符串 "%21"。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值