Ajax Post数据时加号变空格的解决办法
2012-12-27 16:06
411 查看
采用Ajax传递数据时,通常会将数据整理为data="var1=abc&var2=def"。而当数据中存在加号(+)或是连接符(&)时,服务器端接收数据时会有部分数据丢失现象。
分析一下Ajax传递数据的格式与Javascript的语法不难发现:
1. "+"号:JavaScript解析为字符串连接符,所以服务器端接收数据时"+"会丢失。
2. "&":JavaScript解析为变量连接符,所以服务器端接收数据时&符号以后的数据都会丢失。
解决办法也相当简单,只需要为+与&符号编码即可:
view sourceprint?//使用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,false);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(queryString);
}
以上内容转自:http://www.kqiqi.com/knowledge/program/646.html
Action(后台代码)中需要用URLDecoder.decode(data, "UTF-8");解码。其中data为传过来的数据变量名。
分析一下Ajax传递数据的格式与Javascript的语法不难发现:
1. "+"号:JavaScript解析为字符串连接符,所以服务器端接收数据时"+"会丢失。
2. "&":JavaScript解析为变量连接符,所以服务器端接收数据时&符号以后的数据都会丢失。
解决办法也相当简单,只需要为+与&符号编码即可:
view sourceprint?//使用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,false);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(queryString);
}
以上内容转自:http://www.kqiqi.com/knowledge/program/646.html
Action(后台代码)中需要用URLDecoder.decode(data, "UTF-8");解码。其中data为传过来的数据变量名。
相关文章推荐
- Ajax Post数据时加号变空格的解决办法
- Ajax Post数据时加号变空格的解决办法
- Ajax Post数据时加号变空格的解决办法
- Ajax Post数据加号变空格
- Ajax Post数据时加号变空格的解决办法
- 关于如何控制一个页面的Ajax读数据只读一次的简单解决办法!
- IIS7.5 URL文件名有加号或空格显示404错误的解决办法
- C# post数据时 出现如下错误: System.Net.WebException: 远程服务器返回错误: (417) Expectation Failed 的解决办法
- Get请求携带数据量的各种限制及解决办法、Post请求说明
- Ajax请求Session超时的解决办法:拦截器 + 封装jquery的post方法
- Ajax Post提交事例及SpringMVC注解@RequestMapping取不到参数值解决办法
- 使用ajax请求后返回数据显示undefinded解决办法
- [置顶] ajax接收服务端数据中文显示为?的解决办法
- ajax+php $.post()中文乱码解决办法(utf-8 ---> gb2312)
- IE浏览器下AJAX缓存问题导致数据不更新的解决办法
- Ajax请求Session超时的解决办法:拦截器 + 封装jquery的post方法
- AJAX 跨域请求的解决办法:使用 JSONP获取JSON数据
- 跨服务器post数据失败:验证视图状态 MAC 失败。如果此应用程序由网络场或群集承载,请确保 <machineKey> 配置指定了相同的 validationKey 和验证算法。的解决办法
- httpclient post方式服务端获取不到数据的解决办法
- ajax提交完表单数据依然跳转的解决办法