Jquery ajax 请求在 Firefox 问题

问题描述:

今天修改个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 行为稍有不同造成的。

 

---