js中html拼接特殊字符转义,js中传递特殊字符(+,&)的方法

背景：

今天在做一个任务时，用Jquery的Ajax传递一长串字符时，在后台的验证一直不成功，纠结时我了(那个字符串是随机生成的，特长)。查了一上午，原来是我生成的字符串中有+号，而在js传递的时候，会理解为是连接字符用的，到了后台就将+号自动变为空格了，所以后台的字符串和前台生成的已经不一样了。

原因：

js后自动解析特殊字符，如+号为连接符，解析为空格，&为变量连接符，服务器端接受数据时&以后的数据不显示等等。

解决办法：

1、将字符放到form中，然后用js提交form表单到服务器。

2、将字符中的特殊字符替换成十六进制的字符，一些特殊字符与十六进制的对应关系：

+

空格

/

?

%

&

=

#

%2B

%20

%2F

%3F

%25

%26

&3D

%23

str = str.replace(/\+/g,"%2B"); 将+号替换为十六进制

3、最简单的一种，使用encodeURIComponent()函数。

该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。

其他字符(比如 ：;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号)，都是由一个或多个十六进制的转义序列替换的。