如何使用ajax制作远程无尽滚动(无限滚动)

Question

>我有这样的JSON：

{
    "nextToken": "aGFsYW1hbj03NT0xNDkxMTI0NTA1", // token for next query
    "results": [
        {
            "id": 100
        },
        {
            "id": 102
        },
        ...
    ]
}

如何解析为 HTML 并使用数据nextToken形成 JSON 使用无尽滚动？搜索它，但没有找到。只是在 html 中使用id选择器找到的，而不是来自json的数据。你知道吗？

Answer 1

感谢您@MarcoSalemo的评论。我已经解决了我的问题：只需使用具有以下结构的表：

    <table id="myTable" data-next="">
        <tbody>
        </tbody>
    </table>

那么阿贾克斯是这样的：

// call `data-next` from table    
var next = $('#myTable').data("next");
$.ajax({
        url: url, 
        dataType: 'json',
        data: {'next': next},
        type: 'GET',
        success: function(data) {
            var i = 0;
            $( data.results ).each(function() {
                $('#myTable > tbody').append('<tr><td>'+data.results[i].id+'</td></tr>');
            i += 1;
        });
        // update `data-next` from json into table
        $( "#myTable" ).data( "next", data.next );
    }
});

然后从滚动事件调用 ajax 来制作无尽滚动(无限滚动(..