angulaire.js - Le rendu datatable peut-il être restitué sans reproduire la demande de données ajax ?

Question

Après avoir configuré ajax, je demande à nouveau les données à chaque fois après avoir exécuté le rendu. En conséquence, il s'agissait à l'origine de la troisième page, mais après le nouveau rendu, elle est revenue à la première page. rendre sans redemander les données ajax ou ce sera toujours la troisième page lors de la nouvelle demande

Answer 1

J'utilise davantage datatable, combiné avec les informations que vous avez fournies

Actualiser les données de la page actuelle

ajax récupère les données du numéro de page actuel

var dt = $('#datatable').DataTable({
    ...
});
dt.ajax.reload(null, false); //记得这两个参数

Page d'actualisation F5

Après F5, le numéro de page actuel est toujours conservé. Cela nécessite un peu de compétence. Utilisez localhost.hash pour enregistrer le numéro de page, le tri et d'autres donnéeslocalhost.hash保存页码、排序等数据

条件：

1. 加载 Hash 的便捷操作工具： https://github.com/cowboy/jquery-bbq.

   Conditions :

1. Outil d'opération pratique pour charger Hash : https://github.com/cowboy/jquery-bbq

🎜Suivez ceci🎜🎜 🎜

var _config = {
    displayStart： 0, 
    pageLength： 10,
    order： [],
    drawCallback: function( settings ) {
        //绘制好之后，将状态写到Hash上面，翻页，排序的时候也会保持状态
        var config = {
            displayStart: settings._iDisplayStart,
            pageLength: settings._iDisplayLength,
            search: {search: settings.oPreviousSearch.sSearch},
            order: []
        };
        settings.aLastSort.forEach(function(v){
            config.order.push([v.col, v.dir]);
        });
        $.bbq.pushState(config);
    },
    .....
};
var config = $.bbq.getState();
config = $.extend(true, _config, config);

var dt = $('#datatable').DataTable(config);