1. 程式人生 > >Ajax Post資料時加號變空格的解決辦法

Ajax Post資料時加號變空格的解決辦法

  採用Ajax傳遞資料時,通常會將資料整理為data="var1=abc&var2=def"。而當資料中存在加號(+)或是連線符(&)時,伺服器端接收資料時會有部分資料丟失現象。

  分析一下Ajax傳遞資料的格式與Javascript的語法不難發現:
  1. "+"號:JavaScript解析為字串連線符,所以伺服器端接收資料時"+"會丟失。
  2. "&":JavaScript解析為變數連線符,所以伺服器端接收資料時&符號以後的資料都會丟失。

  解決辦法也相當簡單,只需要為+與&符號編碼即可:

//使用post方式傳送
functiondoRequestUsingPOST() 
{ 
    createXMLHttpRequest();
    varretCode = document.getElementById("retCode").value;
    vardata = document.getElementById("data").value;
    data = data.replace(/\+/g,"%2B");
    data = data.replace(/\&/g,"%26");
    varqueryString = "retCode="+ retCode + "&data="+ data; 
    varurl = "backSealServlet";//使用URL向後臺傳值 
    xmlHttp.open("POST",url,false);
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlHttp.send(queryString);
}