如何在jQuery jTable中加載數據之前添加ajax加載器？

我正在使用jQuery jTable，並且它在加載數據並顯示其長列表之前首先給出消息「無數據可用」。那麼當它在後臺加載數據時，可能首先顯示一個Ajax加載器（loading.gif）？如何在jQuery jTable中加載數據之前添加ajax加載器？

編輯@Rex：我試過這個，但不知道如何用jQuery jTable成功函數實現它。

這是我試過的代碼：

$(document).on('click', '#PlayStatisticone', function (e) { 
    function loadingAjax(div_id) { 
     var divIdHtml = $("#"+div_id).html(); 
     $.ajax({ 
     url: '@Url.Action("_TopPlayedTracksPermissionCheck", "ReportStatistic")', 
     type: 'POST', 
     beforeSend: function() { 
       $("#loading-image").show(); 
      }, 
     success: function (data) { 
      $("#"+div_id).html(divIdHtml + msg); 
      $("#loading-image").hide(); 


      $(function() { 
        $("#PartialViewTopPlayedTracks").load('@Url.Action("_PartialViewTopPlayedTracks", "ReportStatistic")'); 
      }); 

     }, 
     error: function (xhr, textStatus, exceptionThrown) { 

      var json = $.parseJSON(xhr.responseText); 

      if (json.Authenticated) { 
       window.location.href = '/UnAuthorizedUser/UnAuthorizedUser'; 
      } 
      else { 
       window.location.href = '/UnAuthenticatedUser/UnAuthenticatedUser'; 
      } 
     } 
    });

任何建議將是很有益在此先感謝。

來源

2014-03-28 pv619

@Rex謝謝 - 我已經更新了我試過的代碼的最終版本。它根本不工作:( – pv619

它的工作只是因爲我想...我發現它從另一個論壇

我不知道，如果它的確定工作後從另外一個論壇的答案或者並不在於此：

這裏的代碼工作：

$(document).ready(function() { 
// DOM is ready now 
$.post("<%= Url.Action("ActionThatGetsTableOnly") %>", 
    "", 
    function(data) { $("#elementToReplaceId").html(); }, 
"html" 
); 
});

來源

2014-03-28 13:52:46 pv619

如何在jQuery jTable中加載數據之前添加ajax加載器？

回答

相關問題