记录一个小bug...

前言废话：

1. 功能需求：修改输入框的内容，获取字符串传给后端保存。

2. bug历程：刚开始直接获取value值传过去。后来测试发现%&这些特殊字符无法传递后，在前端用encodeURIComponent（）方法对输入框内容进行特殊字符编码，后端解码即可。后来测试又发现在内容中加入反斜杠 \ 又会有问题。

解决方法，一句代码：

encodeURIComponent(str.replace(/\\/g,"\\\\"));

简单解释一下：

看图，声明单个反斜杠都会报错，因为编码语言中，反斜杠 \ 代表转义，它和紧跟它的字符构成了转义字符，例如 "\" " 表示字符 "

所以转义字符中用 '\\' 表示一个反斜杠字符 '\' ，

待完善 ~~



												


											
encodeURIComponent编码反斜杠 \ （正则匹配）的更多相关文章
	

    
								
  1. python 中的反斜杠匹配的问题
		
    关于反斜杠的匹配问题可以参考: https://www.cnblogs.com/mzc1997/p/7689235.html 文章中提出了两个概念: 字符串转义和正则转义,我觉得是理解反斜杠的关键所在 ...
    
		
    2. 
						
  2. python 正则表达式中反斜杠(\)的麻烦和陷阱
		
    这里是一点小心得:由于下面两个原因,在正则表达式中使用反斜杠就会产生了一个双重转换的问题. (1).python自身处理字符串时,反斜杠是用于转义字符 (2).正则表达式也使用反斜杠来转义字符     ...
    
		
    3. 
						
  3. python 3.3.3 字面量,正则,反斜杠和原始字符串
		
    两个不起眼但是比较重要的设定 Python str类型的字面量解释器 当反斜杠及其紧接字符无法构成一个具有特殊含义的序列('recognized escape sequences')时,Python选 ...
    
		
    4. 
						
  4. JS正则四个反斜杠的含义
		
    我们首先来看如下代码,在浏览器中输出的是什么? // 在浏览器中输出的 console.log('\\'); // 输出 \ console.log('\\\\'); // 输出 \\ 一:js正则直 ...
    
		
    5. 
						
  5. [转载]Python正则表达式匹配反斜杠'\'问题
		
    转载自csdnblog:Python正则表达式匹配反斜杠'\'问题 在学习Python正则式的过程中,有一个问题一直困扰我,如何去匹配一个反斜杠(即“\”)? 一.引入 在学习了Python特殊字符和 ...
    
		
    6. 
						
  6. Python: 正则表达式匹配反斜杠 "\"
		
    Python正则表达式匹配反斜杠 "\" eg: >>>a='w\w\w' 'w\\w\\w' #  打印出来的 "\\" 被转义成 一个反斜 ...
    
		
    7. 
						
  7. 【python之路38】Python正则表达式匹配反斜杠“\”
		
    一.引入 在学习了Python特殊字符和原始字符串之后,我觉得答案应该是这样的: 1)普通字符串:'\\'2)原始字符串:r'\'但事实上在提取诸如“3\8”反斜杠之前的数字时,我屡次碰壁,始终得不到 ...
    
		
    8. 
						
  8. JAVA正则表达式中如何匹配反斜杠 \
		
    有时候我们需要匹配反斜杠,你可能会把对应的正则表达式写成 "\\" 然后可能会有如下输出: Exception in thread "main" java.ut ...
    
		
    9. 
						
  9. javascript转义unicode十六进制编码且带有反斜杠后的html
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 利用dotnet restore 导入本地 .nupkg 包
			
    dotnet restore 主要是用于部署.net core 项目中所需的依赖库,集成了nuget包管理软件.因此,dotnet restore 实际上就是根据project.json(今后可能为p ...
    
			
    2. 
						
  2. 使用拦截器拦截html参数
			
    公司最新需求:根据传递的参数进行业务判断,如果符合条件则继续后面的业务逻辑,否则跳转到指定的错误页面.有些是请求的controller 使用了spring  aop的方式进行验证:但是有些是html页 ...
    
			
    3. 
						
  3. CPU纯软件全虚拟化技术
			
    我们在前面的文章中提到了虚拟化技术的大致分类情况,即分为全虚拟化.半虚拟化和硬件辅助虚拟化3大类.而我们虚拟化技术最主要的虚拟主体就是我们的硬件CPU.内存和IO,那么我们的CPU在全虚拟化模式下如何 ...
    
			
    4. 
						
  4. 对数损失函数(Logarithmic Loss Function)的原理和 Python 实现
			
    原理 对数损失, 即对数似然损失(Log-likelihood Loss), 也称逻辑斯谛回归损失(Logistic Loss)或交叉熵损失(cross-entropy Loss), 是在概率估计上定 ...
    
			
    5. 
						
  5. 测试拆分比较大SQL Server数据库
			
    有2个办法拆分比较大的数据库. 1.重建聚集索引2.收缩数据库 一.准备测试数据 )) go insert into blocktable(blockno,binno,rack,chipcount,m ...
    
			
    6. 
						
  6. javascript进行百度换肤 和显示隐藏一个窗口的操作
			
    简单的运用javascript来进行百度换肤的操作 <!DOCTYPE html> <html lang="en"> <head> <me ...
    
			
    7. 
						
  7. Linux 系统网络问题处理集[包含VM处理]
			
    1.1. 新操作系统ping不同主机: 检查Linux服务器网段是否有etho的IP 查看/关闭防火墙 查看:service iptables status 关闭:service iptables s ...
    
			
    8. 
						
  8. LAMP配置NFS页面共享,autofs实现挂载,DNS实现名称解析,纯手动操作
			
    0.实验架构: 共6台服务器 分工如下: 服务器 职责 IP地址 Centos版本 描述 A DNS 172.18.7.70 7 B Apache 172.18.7.71 7 httpd+php-fp ...
    
			
    9. 
						
  9. codeforces  549F Yura and Developers（分治、启发式合并）
			
    codeforces 549F Yura and Developers 题意 给定一个数组,问有多少区间满足:去掉最大值之后,和是k的倍数. 题解 分治,对于一个区间,找出最大值之后,分成两个区间.  ...
    
			
    10. 
						
  10. video文件格式说明（笔记）
			
    video标签兼容IE8可使用html5media.js,具体demo可以下载文件中的压缩包 移动端兼容参考: http://www.xyhtml5.com/3252.html
    
			
    11.