问题描述:
今天修改个BUG时发现Jquery在用到$.ajax()请求数据时在IE和Chrome下没有问题但是在Firefox下无法正常提交!
解决方案(2种):
1.在Firefox下提交$.ajax()时候必须要使用data选项,如果没有需要传递的参数则可设置成data:""。
2.把$.ajax()的 type改为get而不是使用post
问题原因:
用Firedebug抓取ajax回复后的页面的时候发现ajax方式的post方法提交数据时候必须有数据,否则会提示"Length Required"错误;
<更新:刚从网上发现了别人也遇到同样的问题理解的比我透彻,备份>
今天程序中有个地方需要 Ajax 方式 POST 数据,发现在 IE 6.0 下正常,而 FireFox 0.3.0 和 safari 3.1.2则出错。
通过 FireBug 抓取 ajax 回发后得到的页面信息如下:
HTTP Error 411 - Length required
经过 google 搜索发现,这个 HTTP 状态码对应于服务器没有接收到 Content-Lengh 这个 Header 的情况。
而为什么只有在 Ajax 的情况下有呢?是因为调用了:
xmlHttp.send(null);
发送 null 的时候,服务器就有可能发出以上信息。而按照正常逻辑,不需要发送信息的时候,应该用 GET 方法而不是 POST (在 xmlHttp.open 方法中指定),那样就能解决此问题。
但也可以用:
xmlHttp.send('');
来解决。
因为我调用了 jQuery 的 $.ajax 方法来间接实现的 Ajax 功能,所以,jQuery 中调用 $.ajax 时,无论有没有数据,总是写一个空字符串为数据,就可以避免这种问题了:
$.ajax( {
url :'<%=request.getContextPath()%>/plugins/servlet/getIssues',
data :"projectId=" + projectId + "&componentId=" + componentId,
type :'POST',
dataType :'xml',
data :'',
error : function(XMLHttpRequest, textStatus, errorThrown) {
dealAjaxError();
},
success : function(xml) {
dealWithXMLData(xml);
$("#flag").attr("value","false");
}
});
至于为什么 IE 可以而 FireFox 则出错,可能是因为 IE 中的 xmlhttp 对象和 FireFox 的 XmlHttpRequest 行为稍有不同造成的。