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

时间:2014-03-28 11:38:00

标签: c# asp.net ajax loading jquery-jtable

我正在使用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';
            }
        }
    });

任何建议都会非常有用 提前谢谢。

1 个答案:

答案 0 :(得分:0)

它按照我想要的方式工作......我是从另一个论坛找到的

我不知道是否可以从其他论坛发布工作答案,或者不在此处:

这是有效的代码:

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