Ajax Post資料時加號變空格的解決辦法
阿新 • • 發佈:2019-02-01
採用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); }