ajax一次输出1万条数据库,后端接口一次给出100万条数据，请问你前端怎么分页处理...

面试官既然能这么问，我们从技术的角度出发，探索一下这道题，上手操作了一下：

function loadAll(response) {

var html = "";

for (var i = 0; i < 100000; i++) {

html += "

title:" + '我正在测试'+[i] + "";

}

$("#content").html(html);

}

在chorme浏览器下面 非常卡顿，刷新页面数据非常卡顿，渲染页面大概花掉10秒左右的时间,卡顿非常明显,性能瓶颈是在将html字符串插入到文档中这个过程上， 也就是性能瓶颈是在将html字符串插入到文档中这个过程上，也就是$("#content").html(html); 这句代码的执行， 毕竟有10万个li元素要被挺入到文档里面， 页面渲染速度缓慢也在情理之中。

解决方案

既然一次渲染10万条数据会造成页面加载速度缓慢，那么我们可以不要一次性渲染这么多数据，而是分批次渲染， 比如一次10000条，分10次来完成， 这样或许会对页面的渲染速度有提升。 然而，如果这13次操作在同一个代码执行流程中运行，那似乎不但无法解决糟糕的页面卡顿问题，反而会将代码复杂化。 类似的问题在其它语言最佳的解决方案是使用多线程，JavaScript虽然没有多线程，但是setTimeout和setInterval两个函数却能起到和多线程差不多的效果。 因此，要解决这个问题， 其