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>

那么像这样的ajax：

// 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进行无限滚动（无限滚动）..

如何使用ajax进行远程无限滚动（无限滚动）？

1 个答案: