Div内容在ajax调用之间闪烁

Question

我有一个ajax调用，它将一个参数传递给数据请求。这些数据基于来自为我提供XML的Web服务的视图。 Web服务有时会滞后返回视图，在此期间div的内容会与当前和新数据一起闪烁。

我试过清空/隐藏的div和设置标题不缓存的PHP页面，但仍然是一样的。

这里是我的代码：

$('#getCourses').change(function() { 
    var courseGroup = $('#courseGroup:selected').val(); 

    $('#showGroupCourses').html('<img src="images/loading.gif">Processing'); 

    $.ajax({ 
     cache: false, 
     type: 'POST', 
     url: 'getGroupCourses.php', 
     data: { passCourseGroup:courseGroup }, 
     success: function(groupCourses) { 
      $('#showGroupCourses').html(groupCourses).show('fast').css({'height':'auto'}); 
     } 
    }) 
}); 

如何防止这种情况有什么想法？

谢谢！

Answer 1

试试这个：

$('#getCourses').change(function() { 
    var courseGroup = $('#courseGroup:selected').val(); 



    $.ajax({ 
     cache: false, 
     type: 'POST', 
     url: 'getGroupCourses.php', 
     data: { passCourseGroup:courseGroup }, 
     beforeSend: function(xhr) { 
      $('#showGroupCourses').html(''); 
     $('#showGroupCourses').html('<img src="images/loading.gif">Processing'); 
     } 
    }) 
    .done(function(groupCourses) { 
      $('#showGroupCourses').html(groupCourses).show('fast').css({'height':'auto'}); 
     }); 
});