encodeURI(),encodeURIComponent()区别

encodeURI(),encodeURIComponent()区别

encodeURI(): 对整个url(链接/网络链接)进行编码。
对中文,完全编码。
对英文不带空格则不会编码,带空格则会对空格编码。
解码:decodeURI()

例如:
let ChineseUrl = "https://baidu.com/uat/share?server=服务器&language=英语&shareId=0123456&sport=足球&subject=运动&name=鱼&testResult=成功&nobanner=true";
ChineseUrl = encodeURI(ChineseUrl); 
console.log(ChineseUrl);
// https://baidu.com/uat/share?server=%E6%9C%8D%E5%8A%A1%E5%99%A8&language=%E8%8B%B1%E8%AF%AD&shareId=0123456&sport=%E8%B6%B3%E7%90%83&subject=%E8%BF%90%E5%8A%A8&name=%E9%B1%BC&testResult=%E6%88%90%E5%8A%9F&nobanner=true

let EnglishUrl = "https://baidu.com/uat/share?server=server&language=en&shareId=0123456&sport=football&subject=sport&name=yu&testResult=success&nobanner=true";
EnglishUrl = encodeURI(EnglishUrl);
console.log(EnglishUrl);
// https://baidu.com/uat/share?server=server&language=en&shareId=0123456&sport=football&subject=sport&name=yu&testResult=success&nobanner=true

let EnglishUrl2 = "https://baidu.com/uat/share?server=https:example.com/?language=en&shareId=0123456&sport=football&subject=sport&name=zhang san&testResult=success&nobanner=true";
EnglishUrl2 = encodeURI(EnglishUrl2);
console.log(EnglishUrl2);
// https://baidu.com/uat/share?server=https:example.com/?language=en&shareId=0123456&sport=football&subject=sport&name=zhang%20san&testResult=success&nobanner=true

encodeURIComponent(): 对url(链接/网络链接)的问号(?)后进行编码
encodeURIComponent(): 对整个url(链接/网络链接)进行编码,在浏览器不会打开。
对中文,完全编码。
对英文不带空格则不会编码,带空格则会对空格编码。
解码:decodeURIComponent()

let ChineseUrl = "https://baidu.com/uat/share?server=服务器&language=英语&shareId=0123456&sport=足球&subject=运动&name=张三&testResult=成功&nobanner=true";
ChineseUrl = encodeURIComponent(ChineseUrl);
console.log(ChineseUrl);
// https%3A%2F%2Fbaidu.com%2Fuat%2Fshare%3Fserver%3D%E6%9C%8D%E5%8A%A1%E5%99%A8%26language%3D%E8%8B%B1%E8%AF%AD%26shareId%3D0123456%26sport%3D%E8%B6%B3%E7%90%83%26subject%3D%E8%BF%90%E5%8A%A8%26name%3D%E5%BC%A0%E4%B8%89%26testResult%3D%E6%88%90%E5%8A%9F%26nobanner%3Dtrue

let chineseServer = "服务器";
chineseServer = encodeURIComponent(chineseServer);
let chineseLanguage = "英语";
chineseLanguage = encodeURIComponent(chineseLanguage);
let chineseShareId = "0123456";
chineseShareId = encodeURIComponent(chineseShareId);
let chineseSport = "足球";
chineseSport = encodeURIComponent(chineseSport);
let chineseSubject = "运动";
chineseSubject = encodeURIComponent(chineseSubject);
let chineseName = "张三";
chineseName = encodeURIComponent(chineseName);
let chineseTestResult = "成功";
chineseTestResult = encodeURIComponent(chineseTestResult);
let ChineseUrl2 = `https://baidu.com/uat/share?server=${chineseServer}&language=${chineseLanguage}&shareId=${chineseShareId}&sport=${chineseSport}&subject=${chineseSubject}&name=${chineseName}&testResult=${chineseTestResult}&nobanner=true`;
console.log(ChineseUrl2);
// https://baidu.com/uat/share?server=%E6%9C%8D%E5%8A%A1%E5%99%A8&language=%E8%8B%B1%E8%AF%AD&shareId=0123456&sport=%E8%B6%B3%E7%90%83&subject=%E8%BF%90%E5%8A%A8&name=%E5%BC%A0%E4%B8%89&testResult=%E6%88%90%E5%8A%9F&nobanner=true

let englishServer = "server";
englishServer = encodeURIComponent(englishServer);
let englishLanguage = "en";
englishLanguage = encodeURIComponent(englishLanguage);
let englishShareId = "0123456";
englishShareId = encodeURIComponent(englishShareId);
let englishSport = "football";
englishSport = encodeURIComponent(englishSport);
let englishSubject = "sport";
englishSubject = encodeURIComponent(englishSubject);
let englishName = "zhang san";
englishName = encodeURIComponent(englishName);
let englishTestResult = "success";
englishTestResult = encodeURIComponent(englishTestResult);
let englishUrl = `https://baidu.com/uat/share?server=${englishServer}&language=${englishLanguage}&shareId=${englishShareId}&sport=${englishSport}&subject=${englishSubject}&name=${englishName}&testResult=${englishTestResult}&nobanner=true`;
console.log(englishUrl);
// https://baidu.com/uat/share?server=server&language=en&shareId=0123456&sport=football&subject=sport&name=zhang%20san&testResult=success&nobanner=true

**

encodeURI(),encodeURIComponent()区别:

encodeURI()不会对 ASCII字母、数字、~!@#$&()=:/,;?+'字符编码
encodeURIComponent()不会对ASCII字母、数字、~!
()'字符编码

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/967528.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【计算机网络】TCP/IP 网络模型有哪几层?

目录 应用层 传输层 网络层 网络接口层 总结 为什么要有 TCP/IP 网络模型? 对于同一台设备上的进程间通信,有很多种方式,比如有管道、消息队列、共享内存、信号等方式,而对于不同设备上的进程间通信,就需要网络通…

网络工程师 (29)CSMA/CD协议

前言 CSMA/CD协议,即载波监听多路访问/碰撞检测(Carrier Sense Multiple Access with Collision Detection)协议,是一种在计算机网络中,特别是在以太网环境下,用于管理多个设备共享同一物理传输介质的重要…

基于Python的人工智能驱动基因组变异算法:设计与应用(下)

3.3.2 数据清洗与预处理 在基因组变异分析中,原始数据往往包含各种噪声和不完整信息,数据清洗与预处理是确保分析结果准确性和可靠性的关键步骤。通过 Python 的相关库和工具,可以有效地去除噪声、填补缺失值、标准化数据等,为后续的分析提供高质量的数据基础。 在基因组…

AI大语言模型

一、AIGC和生成式AI的概念 1-1、AIGC Al Generated Content:AI生成内容 1-2、生成式AI:generative ai AIGC是生成式 AI 技术在内容创作领域的具体应用成果。 目前有许多知名的生成式 AI: 文本生成领域 OpenAI GPT 系列百度文心一言阿里通…

在postman中设置环境变量和全局变量以及五大常用响应体断言

一、什么是环境变量和全局变量 环境变量(Environment Variables)和全局变量(Global Variables)是 Postman 中用于存储和管理数据的两种变量类型,它们可以提高 API 测试的灵活性和可维护性。 1、 环境变量&#xff08…

Redis数据库(二):Redis 常用的五种数据结构

Redis 能够做到高性能的原因主要有两个,一是它本身是内存型数据库,二是采用了多种适用于不同场景的底层数据结构。 Redis 常用的数据结构支持字符串、列表、哈希表、集合和有序集合。实现这些数据结构的底层数据结构有 6 种,分别是简单动态字…

C++STL(六)——list模拟

目录 本次所需实现的三个类一、结点类的模拟实现构造函数 二、迭代器类的模拟实现为什么有迭代器类迭代器类的模板参数说明构造函数运算符的重载- -运算符的重载和!运算符的重载*运算符的重载->运算符的重载引入模板第二个和第三个参数 三、list的模拟实现3.1 默认成员函数构…

国产编辑器EverEdit - 替换功能详解

1 替换 1.1 应用场景 替换文本是在文档编辑过程中不可回避的操作,是将指定的关键词替换为新的文本,比如:写代码时修改变量名等。 1.2 使用方法 1.2.1 基本替换 使用主菜单查找 -> 替换,或使用快捷键Ctrl H,会打…

LIMO:上海交大的工作 “少即是多” LLM 推理

25年2月来自上海交大、SII 和 GAIR 的论文“LIMO: Less is More for Reasoning”。 一个挑战是在大语言模型(LLM)中的复杂推理。虽然传统观点认为复杂的推理任务需要大量的训练数据(通常超过 100,000 个示例),但本文展…

防御保护作业二

拓扑图 需求 需求一: 需求二: 需求三: 需求四: 需求五: 需求六: 需求七: 需求分析 1.按照要求进行设备IP地址的配置 2.在FW上开启DHCP功能,并配置不同的全局地址池,为…

蓝桥与力扣刷题(226 翻转二叉树)

题目:给你一棵二叉树的根节点 root ,翻转这棵二叉树,并返回其根节点。 示例 1: 输入:root [4,2,7,1,3,6,9] 输出:[4,7,2,9,6,3,1]示例 2: 输入:root [2,1,3] 输出:[2,…

大型语言模型(LLM)中的自适应推理预算管理:基于约束策略优化的解决方案

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗?订阅我们的简报,深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同,从行业内部的深度分析和实用指南中受益。不要错过这个机会,成为AI领…

[EAI-033] SFT 记忆,RL 泛化,LLM和VLM的消融研究

Paper Card 论文标题:SFT Memorizes, RL Generalizes: A Comparative Study of Foundation Model Post-training 论文作者:Tianzhe Chu, Yuexiang Zhai, Jihan Yang, Shengbang Tong, Saining Xie, Dale Schuurmans, Quoc V. Le, Sergey Levine, Yi Ma 论…

大数据-259 离线数仓 - Griffin架构 修改配置 pom.xml sparkProperties 编译启动

点一下关注吧!!!非常感谢!!持续更新!!! Java篇开始了! 目前开始更新 MyBatis,一起深入浅出! 目前已经更新到了: Hadoop&#xff0…

【时时三省】(C语言基础)基础习题1

山不在高,有仙则名。水不在深,有龙则灵。 ----CSDN 时时三省 1.什么是程序?什么是程序设计 程序是为实现特定目标或解决特定问题,用计算机能理解和执行的语言编写的一系列指令的集合。 程序设计是问题分析,设计算法…

防火墙用户认证实验

1、创建vlan10和vlan20 2、将接口划分到对应的vlan中 [FW]interface GigabitEthernet 1/0/1.1 [FW-GigabitEthernet1/0/1.1]ip address 172.16.1.254 24 [FW-GigabitEthernet1/0/1.1]vlan-type dot1q 10 [FW]interface GigabitEthernet 1/0/1.2 [FW-GigabitEthernet1/0/1.1]ip …

VUE项目中实现权限控制,菜单权限,按钮权限,接口权限,路由权限,操作权限,数据权限实现

VUE项目中实现权限控制,菜单权限,按钮权限,接口权限,路由权限,操作权限,数据权限实现 权限系统分类(RBAC)引言菜单权限按钮权限接口权限路由权限 菜单权限方案方案一:菜单…

ESXi Host Client创建ubuntu虚拟机教程及NVIDIA显卡驱动安装

参考文章 VMware虚拟机显卡直通记录 AIGC 实战(环境篇) - EXSI 8.0 Debian安装RTX3060显卡驱动 重点介绍 client版本是7.0.3 注意:下图中不要选择BIOS 按照两个链接中的方法进行操作,以及本章节的上面几个图片的配置之后&a…

DeepSeek帮助做【真】软件需求-而不是批量刷废话

尝试给DeepSeek一份系统用例规约,让它帮判断哪些地方还没有覆盖涉众利益。结果见以下 需求工作的重点可以放在建模精细的真实现状流程和精细的真实涉众利益上,AI帮助推演系统需求。

apache-poi导出excel数据

excel导出 自动设置宽度&#xff0c;设置标题框&#xff0c;设置数据边框。 excel导出 添加依赖 <dependency><groupId>org.apache.poi</groupId><artifactId>poi-ooxml</artifactId><version>5.2.2</version></dependency>…