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

前端之家收集整理的这篇文章主要介绍了Ajax Post数据时加号变空格的解决办法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

//使用post方式发送
function doRequestUsingPOST()
{
createXMLHttpRequest();
var retCode = document.getElementById( "retCode" ).value;
data = document.getElementById( "data" ).value;
data = data.replace(/\+/g, "%2B" );
data = data.replace(/\&/g,monospace;color:#0000FF;">"%26" );
queryString = "retCode=" + retCode + "&data=" + data;
url = "backSealServlet" ; //使用URL向后台传值
xmlHttp.open( "POST" ,url, false );
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader( "Content-Type" "application/x-www-form-urlencoded" );
xmlHttp.send(queryString);
}

上述是网络上的资源

作用转换

猜你在找的Ajax相关文章