如何在这个Javascript中添加jQuery数据表

本文关键字：添加 jQuery 数据表 Javascript | 更新日期: 2023-09-27 17:54:35

是否可以添加以下jQuery数据表?

$('#myDataTable').dataTable({
    });

到这个查询?

 $(document).on('click', '#PlayStatisticeight', function (e) {
    $.ajax({
        url: '@Url.Action("_PartialViewTopPlayedTracksList", "ReportStatistic")',
        type: 'GET',
        success: function (data) {
            $("#PartialViewTopPlayedTracksList").empty();
            $("#PartialViewTopPlayedTracksList").append(data);
            $('#myDataTable').dataTable({
            });

            $(function () {
                $("#PartialViewTopPlayedTracksList").load('@Url.Action("_PartialViewTopPlayedTracksList", "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';
            }
        }
    });
 });

我不知道如何以及是否有可能这样做。任何帮助都是非常感谢的:)

如何在这个Javascript中添加jQuery数据表

是的，只要在新的部分被添加到DOM中时调用它，在成功回调函数中。

        success: function (data) {
            $.ajax({
                url: '@Url.Action("_PartialViewTopPlayedTracksList", "ReportStatistic")',
                type: 'GET',
                success: function (data) {
                    $("#PartialViewTopPlayedTracksList").empty();
                    $("#PartialViewTopPlayedTracksList").append(data);
            });
    },

可以初始化datatable，在将partialview添加到视图后，在ajax中调用complete函数，如下所示:

success: function (data) {
            $.ajax({
                url: '@Url.Action("_PartialViewTopPlayedTracksList", "ReportStatistic")',
                type: 'GET',
                success: function (data) {
                    $("#PartialViewTopPlayedTracksList").empty();
                    $("#PartialViewTopPlayedTracksList").append(data);
                    $('#myDataTable').dataTable({ });
            });
    }
相关文章：