如何限制从 API 接收的数据？

Question

我正在学习 AJAX。

我正在使用香草 JS

我想限制通过 API 接收的数据，例如：最多 10 个对象。

这是网址：- https://jsonplaceholder.typicode.com/photos

问题是当我创建一个 GET 请求时，获取的数据是大约 5000 个对象。我想使用有限的数据，所以我该怎么做。

这是 JavaScript 代码：

const next = document.getElementsByTagName("button"),

     body = document.querySelector("body");

body.addEventListener("DOMContentLoaded",runEvents);

function runEvents(){

   nextBtn();

}

function nextBtn(){

   //set up the XMLHTTPObject ajax object

   const xhr = new XMLHttpRequest();

   xhr.open("GET", "https://jsonplaceholder.typicode.com/photos", true);

   xhr.onprogress = function(){

       document.getElementsByTagName("img").setAttribute("src", "img/loading.gif");

   };

   xhr.onload = function(){

       if(this.status === 200){

            document.getElementsByTagName("p").textContent = "Data Found"

           //I want to use the data recieved here

           

       }else{

           document.getElementsByTagName("img").style.display = "none";

           document.getElementsByTagName("p").textContent = "Data not found";

           

       }

   };

   

  

}

Answer 1

添加我的评论作为答案。限制通常取决于服务器支持的内容。检查 api 请求是否有限制或分页参数：在您的情况下尝试https://jsonplaceholder.typicode.com/photos?_start=0&_limit=5（来自https://github.com/typicode/jsonplaceholder/issues/65） -

Answer 2

完全依赖服务器，不能通过js限制服务器响应。查看 mrblewog 答案并仅使用jsonplaceholder.typicode.com/photos?_start=0&_limit=5jsonplaceholder 限制查询参数

Answer 3

限制 api 响应直到 6 个帖子 https://jsonplaceholder.typicode.com/posts?_limit=6"