Javascript 我得到的不是每页特定数量的抓取图片,而是随机数目的项目

Javascript 我得到的不是每页特定数量的抓取图片,而是随机数目的项目,javascript,fetch,Javascript,Fetch,我得到的不是每页特定数量的抓取图片,而是随机数目的项目。我不知道为什么会发生这种情况,因为应该提取的项目数量是在url(12)中硬编码的。发生了什么,我应该做什么更改?API工作正常。我认为问题在于你的功能,例如模板 您需要更具体地说明您的问题和使用的功能 但是,此代码对我有效: fetch( `https://pixabay.com/api/?image_type=photo&orientation=horizontal&q=flower&page=2&per_page=12&key=api

我得到的不是每页特定数量的抓取图片,而是随机数目的项目。我不知道为什么会发生这种情况,因为应该提取的项目数量是在url(12)中硬编码的。发生了什么,我应该做什么更改?

API工作正常。我认为问题在于你的功能,例如模板

您需要更具体地说明您的问题和使用的功能

但是,此代码对我有效:

fetch(
`https://pixabay.com/api/?image_type=photo&orientation=horizontal&q=flower&page=2&per_page=12&key=api_key`
)
.然后((res)=>res.json())
。然后((图片)=>{
pics.hits.forEach((pic)=>{
var img=document.createElement(“img”);
var wrapper=document.querySelector(“.wrapper”);
img.src=pic.largeImageURL;
img.alt=pic.tags;
img.width=200;
append(img);
});
})
.catch((e)=>{
控制台日志(e);
});

这可能是一个并发性问题,我会将
innerHTML='
放在
中,然后在
映射之前
是否检查API实际返回的内容(在网络选项卡中)?模板很好:)我已经解决了debounce的一个问题。
function getResults(querySearch) {
  refs.list.innerHTML = '';
  if (querySearch.length > 0) {
    fetch(
      `https://pixabay.com/api/?image_type=photo&orientation=horizontal&q=${querySearch}&page=${api.pageNum}&per_page=12&key=${api.key}`,
    )
      .then(data => {
        return data.json();
      })
      .then(pic => {
        const info = pic.hits.map(item => template(item)).join('');
        refs.list.insertAdjacentHTML('beforeend', info);
      })
      .catch(err => {
        throw err;
      });
  }
}