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

【问题标题】：How to display specified number of data through link parameter?如何通过链接参数显示指定数量的数据？
【发布时间】：2021-07-26 15:26:34
【问题描述】：

我想从 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;
        });

【问题讨论】：

需要更多细节。哪个代码正在运行后端？是众所周知的cms吗？等
我只想显示 5 个结果而不是所有 db
我无法知道您的后端服务器代码。所以这必须在您的后端代码上解决。现在有一种方法可以解决您的问题，只需在您的 url 中添加一个密钥。如果您分享有关您的后端系统的一些信息，那么也许有人可以提出解决方案。
但我所有的后端都是来自 json 服务器的数据

标签： javascript json json-server

【解决方案1】：

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

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

【讨论】：