记录一个小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. ubuntu16.0.4安装mysql5.7以及设置远程访问
			
    1.安装mysql命令 sudo apt-get install mysql-server sudo apt install mysql-client sudo apt install libmysq ...
    
			
    2. 
						
  2. 在小程序中修改上一个页面里data中的数据调用上一个页面的方法
			
    //获取已经打开的页面的数组 var pages = getCurrentPages(); //获取上一个页面的所有的方法和data中的数据  var lastpage = pages[pages.l ...
    
			
    3. 
						
  3. 如何在 Azure 中的经典 Windows 虚拟机上设置终结点
			
    在 Azure 中使用经典部署模型创建的所有 Windows 虚拟机都可以通过专用网络通道与同一云服务或虚拟网络中的其他虚拟机自动通信. 但是,Internet 或其他虚拟网络中的计算机需要终结点将入 ...
    
			
    4. 
						
  4. [翻译] FLAnimatedImage
			
    FLAnimatedImage FLAnimatedImage is a performant animated GIF engine for iOS: FLAnimatedImage是一个播放gif ...
    
			
    5. 
						
  5. [翻译] GTAppMenuController
			
    GTAppMenuController https://github.com/gianlucatursi/GTAppMenuController This is a simple project in ...
    
			
    6. 
						
  6. Python学习---重点模块的学习【all】
			
    time     [时间模块] import time # print(help(time)) # time模块的帮助 print(time.time()) # 时间戳 print(time.cloc ...
    
			
    7. 
						
  7. [T-ARA][지난 달력][旧挂历]
			
    歌词来源:http://music.163.com/#/song?id=29343994 作曲 : Rocoberry [作曲 : Rocoberry] [作曲 : Rocoberry] 作词 : R ...
    
			
    8. 
						
  8. 016.2 String
			
    内容:String方法+练习 #######################################比较方法:equals()字符串长度:int length()字符的位置:int index ...
    
			
    9. 
						
  9. 理解活在IPHONE中的那些APP （五）
			
    为了让App活起来 上一篇简单的说了一下关于IOS的一些事情,现在有必要深入了解一些对于让App活起来比较关键的信息.比如IOS系统的架构,这个我就不赘述了,请移步http://blog.csdn.n ...
    
			
    10. 
						
  10. Angular2 constructor VS ngOnInit
			
    constructor和ngOnInit钩子有什么不同? constructor constructor(构造函数)是ES6类或TypeScript类中的特殊方法,而不是Angular的方法,主要用来 ...
    
			
    11.