分页ajax请求怎么判断加载完成再调用ajax请求

Question

在手机端做了一个下拉刷新，要求是不要一次性全部加载数据，而是当到达一百条之后再一次，加载数据。
我想的是通过ajax调用之后判断有一百条之后再去ajax，但是这样嵌套太多，有没有别的方案。

比如：
var index=0;

$.ajax({
    type: 'GET',
    url: 'st/data/oder.json?page=1',
    dataType: 'json',
    success: function(data){
       for(var i=0;i<data.length; i++){
           index++;
       }
       if(index =100){
           $.ajax({
                type: 'GET',
                url: 'st/data/oder.json?page=2',
                dataType: 'json',
                success: function(data){
                   for(var i=0;i<data.length; i++){
                       index++;
                   }
                   if(index =100){
                       
                   }
               }）
       }
   }）

Answer 1

大概的意思如下：

var allData = [];

function getData(pageIndex) {
    $.getJSON('st/data/oder.json?page=' + pageIndex, function(data) {
        allData = allData.concat(data);
        if (data.length == 100) {
            getData(pageIndex++);
        }
    });
}

这样 allData 就是所有数据了。至于具体的参数什么的，你可以自己扩展了。

Answer 2

1.后端分页拉取数据,后端计算出多少页,每一页多少条数据,每次传不同的页数即可

Answer 3

同样遇到了这个问题，，写了很复杂的js才解决这个问题，，求简洁的方法解决