Ajax Post数据提交时加号变空格的解决办法

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

分析一下Ajax传递数据的格式与Javascript的语法不难发现:
  1. "+"号:JavaScript解析为字符串连接符,所以服务器端接收数据时"+"会丢失。
  2. "&":JavaScript解析为变量连接符,所以服务器端接收数据时&符号以后的数据都会丢失。

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

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,false);
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlHttp.send(queryString);
}

相关推荐