记录一个小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. Java web相关内容
			
    我们即将学习Java web 这是通过查阅资料找到的和Java web 相关的内容. 一:Java web的含义 JavaWeb,是用Java技术来解决相关web互联网领域的技术总和.web包括:we ...
    
			
    2. 
						
  2. C# 装箱和拆箱[整理](转)
			
    //1. // 装箱和拆箱是一个抽象的概念 //2. // 装箱是将值类型转换为引用类型 :拆箱是将引用类型转换为值类型 // 利用装箱和拆箱功能,可通过允许值类型的任何值与Object 类型的值相互 ...
    
			
    3. 
						
  3. leetcode coding base
			
    1. Contains Duplicate 2. Contains Duplicate II 3. Contains Duplicate III
    
			
    4. 
						
  4. asp.net session 保存实体类对象
			
    存:User user=new User();session["USER"]=user; 取:User u= (User ) session["USER"];
    
			
    5. 
						
  5. DB2问题记录本
			
    1.System.Data.OleDb.OleDbException (0x80004005): 未指定的错误. 场景:部署网站到IIS上,使用oledb连接DB2数据库报错,开发环境正常 解决方案: ...
    
			
    6. 
						
  6. 沉淀再出发：java中线程池解析
			
    沉淀再出发:java中线程池解析 一.前言 在多线程执行的环境之中,如果线程执行的时间短但是启动的线程又非常多,线程运转的时间基本上浪费在了创建和销毁上面,因此有没有一种方式能够让一个线程执行完自己的 ...
    
			
    7. 
						
  7. Excel课程表
			
    
			
    8. 
						
  8. Power shell 复制文件到远程主机
			
    昨天因为要复制文件到多个服务器上,感觉一个个复制很麻烦,我就想用Power shell 命令来完成这个任务.具体代码如下: $servers= 'server1' ,'server2' $userna ...
    
			
    9. 
						
  9. Linux命令--文件处理
			
    touch命令 Linux touch命令用于修改文件或者目录的时间属性,包括存取时间和更改时间.若文件不存在,系统会建立一个新的文件. ls -l 可以显示档案的时间记录. 语法 touch [-a ...
    
			
    10. 
						
  10. Angular2.0知识架构图
			
    知识架构图:
    
			
    11.