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'});
        });
});