记录一个小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. MessageFormat使用记录
			
    1.日志里面需要记录入参,之前一般使用StringUtils.formt()方法,但是如果入参含有空值,就会报错.这个时候可以使用MessageFormat方法.用法 format(String pa ...
    
			
    2. 
						
  2. spring cloud config配置
			
    参考: http://www.ityouknow.com/springcloud/2017/05/22/springcloud-config-git.html http://www.ityouknow ...
    
			
    3. 
						
  3. Anaconda管理多版本的python环境
			
    通过Conda的环境管理功能,我们能同时安装多个不同版本的Python,并能根据需要自由切换.下面我将给大家分享一下,新增Python版本,切换,再切回主版本的详细过程. 方法/步骤   1 首先确保 ...
    
			
    4. 
						
  4. Oracle spool 小结
			
    关于SPOOL(SPOOL是SQLPLUS的命令,不是SQL语法里面的东西.) 对于SPOOL数据的SQL,最好要自己定义格式,以方便程序直接导入,SQL语句如: select taskindex|| ...
    
			
    5. 
						
  5. socket概念  套接字
			
    理解socket soxket因为TCP是面向流的,你发的信息如果很多很快,TCP这样就会形成黏包 Socket是应用层与TCP/IP协议族通信的中间软件抽象层,它是一组接口.在设计模式中,Socke ...
    
			
    6. 
						
  6. 面向对象进阶------>内置函数  str  repr  new call 方法
			
    __new__方法: 我们来讲个非常非常重要的内置函数和init一样重要__new__其实在实例话对象的开始  是先继承父类中的new方法再执行init的  就好比你生孩子 先要把孩子生出来才能对孩子 ...
    
			
    7. 
						
  7. Linux操作NFS挂载、卸载等操作
			
    一.NFS服务器的设置 NFS服务器的设定可以通过/etc/exports这个文件进行,设定格式如下 分享目录 主机名或IP(参数1,参数2) /binbin 172.17.1.*(rw,sync,n ...
    
			
    8. 
						
  8. Visual Studio 2017 连接Oracle
			
    VS 2017 连接 Oracle 12 因为Visual Studio自带的数据文件已经不能支持超过10g以上的了,所以需要另外 下载插件 本机环境 宿主机的环境:win7,Visual Studi ...
    
			
    9. 
						
  9. 高可用web框架
			
    nginx nginx简介 Nginx是一个自由.开源.高性能及轻量级的HTTP服务器及反转代理服务器.Nginx以其高性能.稳定.功能丰富.配置简单及占用系统资源少而著称. Nginx 超越 Apa ...
    
			
    10. 
						
  10. angular2 Router类中的路由跳转navigate
			
    navigate是Router类的一个方法,主要用来路由跳转. 函数定义 navigate(commands: any[], extras?: NavigationExtras) : Promise` ...
    
			
    11.