我想创建一个应用程序,用户可以在其中使用 Google Books API 搜索书籍。当前尝试显示搜索操作的结果,但我的请求无法正常工作(API 密钥已启用)。如果您能帮助我,我将不胜感激。这是我到目前为止创建的功能:
//requests.js file
export const loadSearchBooks = (searchTerm = '') => {
return fetch(`https://www.googleapis.com/books/v1/volumes?q=${searchTerm}&key=${API_KEY}`)
.then((response) => response.json());
};
//render-pages.js file
export const displaySearch = (term) => {
loadSearchBooks(term).then((res) => MAIN.innerHTML = toSearchView(res.data));
};
//index.js file main
document.addEventListener('DOMContentLoaded', () => {
document.addEventListener('click', (e) => {
if (e.target.classList.contains('nav-link')) {
loadPage(e.target.getAttribute('data-page'));
e.preventDefault();
}
const currentSearch = document.getElementById('search-term').value;
if (e.target.id === 'search-btn') {
displaySearch(currentSearch);
}
});
loadPage('home');
});