如何使用jquery ajax从json请求并仅获取部分数据

Question

如何仅从客户端api中获取部分数据并使其他数据仅滚动到底部。

$(document).ready(function  () {
            var out = "";
            $.ajax({
                type: 'GET',
                url: 'myapi url',
                dataType: 'json',
                success: function (data) {
                    var books = data.books;
                    console.log(books);
                    var out = "";
                    var i;
                    for(i=0;i < books.length;i++){
                        out +="<div class='test'>"+"<div>"+books[i].id+"</div>"+"<div>"+books[i].title+"</div>"+"</div>";
                    }
                    document.getElementById("content").innerHTML = out;
                },
                error: function (error) {
                    alert(error);
                }
            });
        });

例如：我有20个数据，仅应请求10个数据并首先获取，其余的数据仅在滚动到底部后才应获取。

html：

<div id="demo">
        <ul id="content" class="list">

        </ul>
    </div>