ajax从后台获取全部的数据之后，现在分次显示在页面上。

Question

使用ajax从后台获取到全部数据，要在页面分次显示， 之前是不断的调用ajax来分次显示，现在是在页面上做分次显示。                  $.ajax({                    type: "POST",                    url: "./ajaxAutoComplete.do",                    dataType:"json",                    data: "method=getCityList&countryCode="+countryCode+"&offset="+offsetDate+"&isPage=false",                    success: function(g_cityList){                        var sCityTable = [];                        var cityCodeArr = cityCodes.split(",");                            $("#cityBtn").select({                                dataType    : "cityName",                                dataArray   : g_cityList,                                dataCode    : cityCodeArr,                                checkboxText:$("#cityCode"),                            });                                            }                });                    success返回的是一个g_cityList数组，这个数据有几千条，怎么每次显示，比如一次显示1000条这个数据生成的页面是用js写的，后台返回的数据直接导入到js中生成页面。后端分页我已经完成，但是上司要求在前端分别。。

Answer 1

为什么不做成分页的形式？一次性获取全部的数据，然后前端在进行数据类似分页的处理，这种做法其实是比较不好的。

Answer 2

这就是前端分页的问题，获取到数据后，然后渲染数据与页码

第1页展示： 0-999的数据

第2页展示： 1000-1999的数据

第3页展示： 2000-2999的数据

...

就是说第page页，展示data中的数据开始位置start是 (page-1)*1000, limit是1000 ，用户点击某个页码按钮时，则直接从data获取数据并渲染。

function render(page){

    let limit=1000,

        start=(page-1)*limit,

        html='';

        

    for(let i=start, i<start+limit; i++){

        html += datap[i];

    }

    $('.tt').html(html);

}