Javascript 如何限制从API接收的数据?

Javascript 如何限制从API接收的数据?,javascript,json,ajax,Javascript,Json,Ajax,我正在学习AJAX 我用的是香草JS 我想对通过API接收的数据进行限制,例如:最多10个对象 以下是网址:- 问题是,当我创建一个GET请求时,获取的数据是巨大的,大约5000个对象。我想使用有限的数据,所以我怎么做 这是javaScript代码: const next = document.getElementsByTagName("button"), body = document.querySelector("body"); body

我正在学习AJAX

我用的是香草JS

我想对通过API接收的数据进行限制,例如:最多10个对象

以下是网址:-

问题是,当我创建一个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";
           
       }
   };
   
  

}

完全取决于服务器,不能通过js限制服务器响应。
查看mrblewog答案,只需使用
jsonplaceholder.typicode.com/photos?\u start=0&\u limit=5
jsonplaceholder limit查询参数添加我的评论作为答案


限制通常取决于服务器支持什么

检查api请求是否有限制或分页参数:在您的情况下,请尝试


(from)–

限制通常取决于服务器支持的内容。检查api请求是否有限制或分页参数:在您的情况下,请尝试(从)无需担心。这里有一个例子,除了复制我的评论之外,什么都没有。