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);  
 }