记录一个小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. String类型的学习
			
    一 :关于两个string类型变量是否相等: 请运行以下示例代码StringPool.java,查看其输出结果.如何解释这样的输出结果?从中你能总结出什么? 分析: 首先为s0开辟空间,然后给s1开辟 ...
    
			
    2. 
						
  2. google学习
			
    https://developers.google.com/machine-learning/crash-course/ https://developers.google.com/machine-l ...
    
			
    3. 
						
  3. select 时进行update的操作，在高并发下引起死锁
			
    场景:当用户查看帖子详情时,把帖子的阅读量:ReadCount+1 select title,content,readcount from post where id='xxxx'   --根据主键查 ...
    
			
    4. 
						
  4. 安装SCOM  Reporting Server
			
    在SQL群集计算机上可以安装SCOM Reporting Server. 1.运行SQL Server安装程序,选择 全新安装SQL Server,不能向已有的群集实例中添加Reporting Ser ...
    
			
    5. 
						
  5. ISA 连接非443端口的https站点提示错误
			
    ISA 连接非443端口的https站点提示错误:12204 The specified Secure Sockets Layer (SSL) port is not allowed. ISA Ser ...
    
			
    6. 
						
  6. MapReduce Design Patterns(chapter 2(part 1))(二)
			
    随着每天都有更多的数据加载进系统,数据量变得很庞大.这一章专注于对你的数据顶层的,概括性意见的设计模式,从而使你能扩展思路,但可能对局部数据是不适用的.概括性的分析都是关于对相似数据的分组和执行统计运 ...
    
			
    7. 
						
  7. execl execv
			
    int execl(const char *path, const char *arg, ...); 函数说明 execl()其中后缀"l"代表list也就是参数列表的意思第一参数 ...
    
			
    8. 
						
  8. ZT 第9章 Framework的启动过程
			
    所在位置: 图书 -> 在线试读 -> Android内核剖析 第9章 Framework的启动过程 9.3 zygote的启动 前面小节介绍了Framework的运行环境,以及Dalvi ...
    
			
    9. 
						
  9. github air项目中遇到的几个问题及解决（nodejs居多）
			
    https://github.com/cambecc/air 1.按照github中给出的步骤,执行到npm install,项目中的package.json包含了要安装的包的版本,但是安装的时候,p ...
    
			
    10. 
						
  10. caanimationgroup与CATransaction的区别
			
    动画的组合: caanimationgroup:同一个layer: CATransaction:不同layer: In Core Animation, transactions are a way t ...
    
			
    11.