Javascript 我得到的不是每页特定数量的抓取图片,而是随机数目的项目
我得到的不是每页特定数量的抓取图片,而是随机数目的项目。我不知道为什么会发生这种情况,因为应该提取的项目数量是在url(12)中硬编码的。发生了什么,我应该做什么更改?API工作正常。我认为问题在于你的功能,例如模板 您需要更具体地说明您的问题和使用的功能 但是,此代码对我有效: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
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;
});
}
}