如何在jQuery jTable中加载数据之前添加ajax加载器

本文关键字：加载 添加 ajax 数据 jQuery jTable | 更新日期: 2023-09-27 17:54:57

我使用jQuery jTable，它在加载数据并显示长列表之前首先给出消息"No Data Available"。那么，是否有可能在后台加载数据时先显示Ajax加载器(loading.gif) ?

编辑@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';
            }
        }
    });
任何建议都会很有帮助

如何在jQuery jTable中加载数据之前添加ajax加载器

它就像我想要的那样工作…我是从另一个论坛上找到的

我不知道是否可以在这里发布其他论坛的工作答案:

下面是有效的代码: 
$(document).ready(function () {
 // DOM is ready now
 $.post("<%= Url.Action("ActionThatGetsTableOnly") %>",
    "",
    function(data) { $("#elementToReplaceId").html(); },
"html"
  );
});
相关文章：