使用jQuery分页JSON数据?

时间:2018-12-06 13:26:54

标签: jquery json

如何根据url查询每页仅显示10个项目?例如,点击“第1页”显示来自../?_page=1的数据,点击“第2页”显示来自../?_page=2的数据,等等

<div id="container">demo</div>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script type="text/javascript">
    $(function(){
        $.ajax({
            url : "http://jsonplaceholder.typicode.com/photos/",
            // success
            success : function(data){
                console.log(data);
                $('#container').html('');
                $.each(data,function(i,d){

                    $('#container').append('<p>'+d.albumId+'</p>');
                    $('#container').append('<p>'+d.id+'</p>');
                    $('#container').append('<p>'+d.title+'</p>');
                    $('#container').append('<p>'+d.url+'</p>');
                    $('#container').append('<hr/>');
                })
            },
            // error
            error : function (jqXHR, textStatus, errorThrown) {
                console.log(jqXHR);
                console.log(textStatus);
                console.log(errorThrown);
            }
        });
    });
</script>

0 个答案:

没有答案