encodeURI,encodeURIComponent的区别

已于 2022-02-15 16:33:55 修改
阅读量208 收藏
点赞数
分类专栏： H53C基础 文章标签： javascript html url
于 2021-09-01 00:34:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/moxunjinmu/article/details/120029671
版权

encodeURI,encodeURIComponent的区别

原因

写项目的过程中需要拿到后端的pay_link数据,通过form表单加post的方式跳转页面.
在此记录一下 encodeURI与encodeURIComponent 编码解码的区别

链接: link.

编码

它们都是编码URL，唯一区别就是编码的字符范围，其中

encodeURI方法不会对下列字符编码 ASCII字母 数字 ~!@#$&*()=:/,;?+'

encodeURlComponent方法不会对下列字符编码 ASCII字符 数字 *~1()'

所以encodeURlComponent比encodeURI编码的范围更大.
实际例子来说，encodeURlComponent会把 http:// 编码成 http%3A%2F%2F
而encodeURI却不会。

encodeURI 是用来处理整个 URI 的，接受 URI 的 protocol, host, port 等部分，
只对 path 和 query 进行编码。
而 encodeURIComponent 是用来编码你准备用作 query 一部分的字符串的。

// An highlighted block
encodeURI('https://www.baidu.com/ a b c')
// "https://www.baidu.com/%20a%20b%20c"
encodeURIComponent('https://www.baidu.com/ a b c')
// "https%3A%2F%2Fwww.baidu.com%2F%20a%20b%20c"

文章参考地址

莫循瑾木
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
escape、encodeURI 和 encodeURIComponent 的区别
09-06
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法，而他们之间的异同却困扰了很多的Javascript初学者，今天我就在这里对这三个方法详细地分析与比较一下。
JavaScript encodeURI 和encodeURIComponent
10-23
encodeURI和encodeURIComponet函数都是javascript中用来对URI进行编码，将相关参数转换成UTF-8编码格式的数据。URI在进行定位跳转时，参数里面的中文、日文等非ASCII编码都会进行编码转换
encodeURI和encodeURIComponent的区别
u010999809的博客
11-15 1万+
var test1="http://www.w3school.com.cn/My first/?uname=aa&&pwd=123456"; console.log(encodeURI(test1)); console.log(encodeURIComponent(test1)); var test2="http://www.w3school.com.cn/My first/...
encodeURI和encodeURIComponent之间的区别
qq_43583887的博客
02-01 1960
编码后url仍可以适用而，即如果还需要使用改URL进行网络传输则可以使用encodeURI。例如URL出现了中文，中文在网络中无法直接传输，则URL需要编码。例如：encodeURIComponent会把 http:// 编码成 http%3A%2F%2F 而encodeURI却不会。： encodeURI和encodeURIComponent作用对象都是URL，唯一的区别是编码的字符范围。：encodeURIComponent 比 encodeURI的编码范围更大。对于带参数URL进行编码使用。
encodeURI()、encodeURIComponent()区别及使用场景
热门推荐
蓑笠翁
08-21 1万+
1 区别 1.1 encodeURI() encodeURI()通常用于转码整个 URL，不会对URL 元字符以及语义字符进行转码，URL元字符： URL 元字符：分号（;），逗号（,），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#） 语义字符：a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*），单引号（'），圆括号（()） 1.2 encodeURIComponent() encode
encodeURI()和encodeURIComponent() 区别
态度决定一切
12-02 726
前言：统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。关于编码和解码，目前js常用的就两套： 1.encodeURI 和 decodeURI 2.encodeURIComponent 和decodeURIComponent 主要区别： encodeURI 不会对本身属于URI的特殊字符进行编码...
encodeURIComponent与decodeURIComponent的实现
weixin_44834554的博客
09-21 2076
服务器开发之encodeURIComponent与decodeURIComponent实现
javascript encodeURI和encodeURIComponent的比较
10-29
在进行SaaS前端开发的时候，大家经常会用到两个JavaScriptNative函数：encodeURI 和 encodeURIComponent。这篇文章详细解释这两个函数的用途并比较它们的不同之处
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
09-03
encodeURI和encodeURIComponent以及escape，这三个都是用来编码的，本篇文章给大家介绍encodeURI和encodeURIComponent以及escape的区别与应用，感兴趣的朋友一起学习吧
简单明了区分escape、encodeURI和encodeURIComponent
12-03
一、前言 讲这3个方法区别的文章太多了，但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。 二、escape和它们不是同一类 简单来说，escape是对字符串(string)进行...三、最常用的encodeURI和encodeURIComponent
Flutter页面传递中文参数问题
Mr_Tony的专栏
01-20 1153
传递的中文需要使用 Uri.encodeComponent(content);进行转码，但是接收方并不需要解码 完整示例代码如下： var content = Uri.encodeComponent(“人”); // To encode url print("传递的中文内容为:$content"); var params = { "withdrawResultStatus":result, "withdrawResultErrorMessage":content,
encodeURI和encodeURIComponent两者的区别
liuyaguang0606的博客
05-08 2342
encodeURI和encodeURIComponent两者的区别] 概述： 两者都是是对统一资源标识符（URI）进行编码的方法，它使用1到4个转义序列来表示每个字符的UTF-8编码，基本功能都是把 URI 非法字符转化成合法字符，转化后形式类似「%*」 例如encodeURI(‘博’) => “%E5%8D%9A” 三个字节 encodeURI()：会替换所有的字符，但不包括以下字符: ...
escape()、encodeURI()、encodeURIComponent() 差别
追求更专业的设计
06-07 615
JavaScript中有 字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent， 相应解码函数：unescape,decodeURI,decodeURIComponent 。   一：不同： 1）escape() 不进行编码的字符                                           @   *    -
javascript - encodeURI和encodeURIComponent的区别
weixin_33849215的博客
10-10 139
这两个函数功能上面比较接近，但是有一些区别。 encodeURI：不会进行编码的字符有82个 ：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z encodeURIComponent:不会进行编码的字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z 从上面的说明中我们可以看出来encodeURICo...
encodeURI和encodeURIComponent区别
weixin_30711917的博客
04-13 107
var str1="http://baidu.com"; var str2="http://baidu.com/~#$&*(_+"; var str3="http://baidu.com/my page"; console.log(encodeURI(str1)); console.log(encodeURI(str2)); c...
encodeURI和encodeURIComponent() 的区别
anhuang5101的博客
04-10 88
先看一下他们的定义： encodeURI()： encodeURI的目的是给URI进行编码。ASCII的字母、数字不编码，- _ . ! ~ * ' ( )也不编码，URI中具有特殊意义的字符也不编码; ; / ? : @ & = + $ , # 空格 参数中的其他字符将转换成UTF-8编码方式的字符，并使用十六进制转义序列(%xx)生成替换。其中，ASCII字符使用一个...
Javascript中三个编码函数escape,encodeURI和encodeURIComponent的区别
Fanteathy的程序人生
11-10 1392
Javascript中三个编码函数escape,encodeURI和encodeURIComponent的区别，来自《Javascript开发技术大全》
encodeURI encodeURIComponent 的区别，和使用场景
12-03 958
encodeURI encodeURIComponent 的区别，和使用场景 一、 ncodeURI encodeURIComponent 之前一直不了解这两个的区别，现在知道了： -encodeURI 是对可以对整个请求地址进行转义 encodeURIComponent 只可用于转义单个参数 例子如下： 比如有这样一个地址需要转义并通过 js 请求，这里面的一些符号需要转义成对应的 URL 形式，比如一些标点 , 汉字等都需要转义成域名地址那种 let str = '../../course/expo
encodeURIComponent与encodeURI的区别
weixin_30421809的博客
09-26 67
encodeURIComponent() -->把字符串编码为 URI 组件。 encodeURI() -->把字符串编码为 URI。 var test1 = "a + b != c"; var test2 = encodeURIComponent(test1); // a%20%2B%20b%20!%3D%20c var...
encodeURIComponent 和 encodeURI
最新发布
09-28
encodeURIComponent和encodeURI都是用来对URL进行编码的方法。它们的作用对象都是URL，但是编码的字符范围不同。encodeURIComponent会对URL中的所有非字母、数字以及特殊字符(~!*()')进行编码，而encodeURI只会对一部分特殊字符(/:;,?)进行编码。所以encodeURIComponent的编码范围更大。 适用场景方面，如果需要对URL进行编码，但是编码后的URL仍然可以使用，可以使用encodeURI。例如，当URL中含有中文字符时，在网络传输中无法直接传输，此时编码后的URL仍然可以适用。而当整个URL都需要编码时，比如URL中含有空格，甚至连"/"等字符都需要编码时，就需要使用encodeURIComponent。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值