javascript - SweetAlert 弹出窗口需要很长时间才能显示

Question

我正在使用 sweetalert 显示数据列表(大数据)，然后允许用户从数据列表中进行选择。 sweetalert 的 HTML 是由后端生成的，但当我尝试打开此列表时，需要 10-15 秒的时间。 HTML 已经由后端执行了，那么为什么显示这个需要花费这么多时间呢？

有没有办法减少这个时间？注意* 我在 HTML 数据中使用了数据表来显示数据。

swal({
        title: 'Assign an User',
        html: html_text,
        customClass: 'user-table-holder',
        confirmButtonText: 'Assign',
        showCancelButton: true,
        preConfirm: function () {
            return new Promise(function (resolve, reject) {
                var user_data = {
                    id: '',
                    name: ''
                };
                if ($('input[type=radio][name=assign-user]:checked').size() > 0) {
                    user_data.id = $('input[type=radio][name=assign-user]:checked').val();
                    user_data.name = $('.user-name[data-user-id="' + user_data.id + '"]').text();
                    resolve(user_data);
                } else {
                    reject('You need to select an user');
                }
            });
        }
    }).then(function (user_data) {
        $('input[name=user]').val(user_data.id);
        $('input[name=status]').val('Inactive');
        $('.status-text').text('User assigned (' + user_data.name + ')');
        user_assigned = true;

        swal({
            title: 'User assigned',
            text: 'The user has been assigned successfully',
            type: 'success',
            timer: 2000,
            showConfirmButton: false
        }).catch(swal.noop);
    }).catch(swal.noop);

Answer 1

也许您正在使用的数据表插件正在花费时间。还可以尝试从 html 主体中删除预定义的类，因为它将查找该类并加载库，这将需要一些时间来加载。

您是否使用 django 模板来渲染此 html？

如果是，则永远不应该以对象格式发送数据。尝试使用values_list，它将数据转换为查询列表，然后它不会对每个请求进行数据库查询。