Javascript/Jquery：如何对JSON对象进行分页？_Javascript_Jquery_Json_Pagination

Javascript/Jquery：如何对JSON对象进行分页？

javascript jquery json pagination

Javascript/Jquery：如何对JSON对象进行分页？,javascript,jquery,json,pagination,Javascript,Jquery,Json,Pagination,我想知道为我的场景添加分页的合适方法：我使用“$（'body'）.append（htmlText）；”来显示JSON对象中的项目。如何添加一个分页，根据JSON中的数据量为每个页面显示1项 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <

我想知道为我的场景添加分页的合适方法：我使用“$（'body'）.append（htmlText）；”来显示JSON对象中的项目。如何添加一个分页，根据JSON中的数据量为每个页面显示1项

<!DOCTYPE html>
<html>

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

</head>

<body>

<script>
    var data = [{
                 "name": "Bebe",
                 "lastname": "Rexha",
                 "description": "Young and beautiful",
                 "producer": "ABC Music",
                 "users_name": "BebeLove",
                },
                {
                  "name": "Katy",
                  "lastname": "Perry",
                  "description": "Cute and sweet",
                  "producer": "Kitty Music",
                  "users_name": "KittyCat",
                },
               ]

    var htmlText = '';

    for ( var key in data ) {
        htmlText += '<div class="div-conatiner">';
        htmlText += '<p class="p-name"> Name: ' + data[key].name + '</p>';
        htmlText += '<p class="p-loc"> LastName: ' + data[key].lastname + '</p>';
        htmlText += '<p class="p-desc"> Description: ' + data[key].description + '</p>';
        htmlText += '<p class="p-created"> Produced by: ' + data[key].producer + '</p>';
        htmlText += '<p class="p-uname"> Username: ' + data[key].users_name + '</p>';
        htmlText += '</div>';
    }

    $('body').append(htmlText);

</script>

</body>
</html>


风险值数据=[{
“名称”：“Bebe”，
“姓氏”：“雷沙”，
“描述”：“年轻美丽”，
“制作人”：“ABC音乐”，
“用户名称”：“BebeLove”，
},
{
“姓名”：“凯蒂”，
“姓氏”：“佩里”，
“描述”：“可爱甜美”，
“制作人”：“基蒂音乐”，
“用户名称”：“KittyCat”，
},
]
var htmlText=''；
for（var输入数据）{
htmlText+=''；
htmlText+='名称：'+data[key].name+''；
htmlText+='LastName:'+data[key].LastName+''；
htmlText+='说明：'+data[key].说明+''；
htmlText+='制作人：'+data[key]。制作人+''；
htmlText+='用户名：'+data[key]。用户名称+'；
htmlText+=''；
}
$（'body'）.append（htmlText）；

多谢各位。欢呼：）

最好的方法是使用