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

分组内容在ajax调用之间闪烁

1 个答案: