Ajax Post数据加号变空格

 我在页面上得到BASE64编码想通过AJAX方式与后台交互，但是后台得到的数据所有的+号都变成了空格，查了一下。

 

 

采用Ajax传递数据时，通常会将数据整理为data="var1=abc&var2=def"。而当数据中存在加号(+)或是连接符(&)时，服务器端接收数据时会有部分数据丢失现象。

 

分析一下Ajax传递数据的格式与Javascript的语法不难发现：

1. "+"号：JavaScript解析为字符串连接符，所以服务器端接收数据时"+"会丢失。

2. "&"：JavaScript解析为变量连接符，所以服务器端接收数据时&符号以后的数据都会丢失。

 

 

解决办法也相当简单，只需要为+与&符号编码即可：

 

 

  //使用post方式发送
 function doRequestUsingPOST()
 {   
   createXMLHttpRequest();
   var retCode = document.getElementById("retCode").value;
   var data = document.getElementById("data").value;
   data = data.replace(//+/g, "%2B");
   data = data.replace(//&/g, "%26")；
   var queryString = "retCode="+retCode+"&data="+data;
   var url="backSealServlet" ; //使用URL向后台传值
   //xmlHttp.open("POST",url,true);
   xmlHttp.open("POST",url,false);
   xmlHttp.onreadystatechange = handleStateChange;
   xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  
   xmlHttp.send(queryString);   
   //alert("结束  "+retCode);  
 }