IE8中的jQuery ajax调用错误

Question

我在jQuery上构建了一个相当简单的ajax调用。它在IE9、Firefox最新版本和Chrome最新版本中运行得很好（所以我很确定AJAX调用发布到的页面很好），但在IE8（未尝试IE7）上失败了。

jQuery代码为：

$('.to-step-2').click(function(){
  var d = new Date();
  var roomShape;
  blnError = false;
  $.ajax({
    url: '/base/RoomBuilder/GetRoomShape.aspx?_='+d.getTime(),
    async: false,
    type: 'post',
    cache: false,
    dataType: 'html',
    success: function(data){
      if(data.substring(0,5) == 'Error'){
        alert('Please select a room shape to continue');
        blnError = true;
      }else{
        roomShape = data;
      }
    },
    error: function(jqXHR, textStatus, errorThrown){
      alert('Error 6: jqXHR = ' + jqXHR + 'ntextStatus = ' + textStatus + 'nerrorThrown = ' + errorThrown);
      blnError = true;
    }
  });    
  if (blnError == true){
    return false;
  }

仅在IE8中抛出的错误为：

Error 6: jqXHR = [object Object]
textStatus = error
errorThrown = Length Required

我看到了一些关于类似事情的其他帖子，但添加时间戳和缓存：false以防止缓存似乎是非常常见的解决方案，但对我来说仍然不起作用：（

有人能理解为什么会发生这种情况并提出解决方案吗？

Answer 1

您的服务收到411响应：

411所需长度

服务器拒绝接受没有定义Content-Length的请求。如果客户端在请求消息中添加了包含消息正文长度的有效Content-Length头字段，则客户端可以重复该请求。

这是因为如果没有数据，jQuery在发布时不会设置内容长度标头。这是发布到IIS时的安全要求：

根本问题是，IIS6+的大多数安装都需要在所有POST请求中提供一个内容长度，即使没有内容（POST数据）。

没有数据的请求的内容长度应该是0，但jQuery不会自动设置该标头，除非有数据参数。由于ASP.NETAJAX的JSON序列化服务需要POST请求，这成为只读请求的绊脚石。

（引自http://encosia.com/3-mistakes-to-avoid-when-using-jquery-with-aspnet-ajax/)

简单地将数据参数设置为空对象似乎是最简单的解决方法：

$.ajax({
url: '/base/RoomBuilder/GetRoomShape.aspx?_='+d.getTime(),
async: false,
type: 'post',
cache: false,
data: "{}",
dataType: 'html',
success: function(data){
  if(data.substring(0,5) == 'Error'){
    alert('Please select a room shape to continue');
    blnError = true;
  }else{
    roomShape = data;
  }
}

Answer 2

根据错误：errorThrown=Length Required，尝试添加伪数据，如：

$.ajax({
    url: '/base/RoomBuilder/GetRoomShape.aspx?_='+d.getTime(),
    async: false,
    type: 'post',
    cache: false,
    dataType: 'html',
    data: {},
    .....

希望它能在上运行