ajax post 空格变加号,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);

}