2017-02-04 74 views
0

我有一個ajax調用,它將一個參數傳遞給數據請求。這些數據基於來自爲我提供XML的Web服務的視圖。 Web服務有時會滯後返回視圖,在此期間div的內容會與當前和新數據一起閃爍。Div內容在ajax調用之間閃爍

我試過清空/隱藏的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'}); 
     } 
    }) 
}); 

如何防止這種情況有什麼想法?

謝謝!

回答

0

試試這個:

$('#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'}); 
     }); 
}); 
+0

不幸的是一樣的。感謝你付出的努力。 – Gman