如何限制从 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"