如何通过链接参数显示指定数量的数据？

问题描述

我想从 json 服务器显示 100 个对象中的 5 个。有没有像这样的参数排序？

const url = "http://localhost:8000/players?_sort=points&_order=desc";



const url = "http://localhost:8000/players?_sort=points&_order=desc";
    let template = "";

    fetch(url)
        .then((res) => res.json())
        .then((data) => {
            data.forEach((player,idx) => {
                template += `
            <div class='modal-leaderboard__player-name'>
            <h2>${idx + 1}.&nbsp;</h2>
            <h2 data-player-rank>${player.name}&nbsp;</h2>
            <h2 style='margin-left: auto'>&nbsp;&nbsp;<span data-points-rank>${player.points}</span>&nbsp;points</h2>
            </div>
        `;
            });

            this.rank.innerHTML += template;
        });

解决方法

如果您的意思是例如前 5 项，可以在 var idx 上添加条件：

...
 if(parseInt(idx)<6){
     template+=...
     ....
     this.rank.innerHTML += template;
  }
...