0

我想创建一个应用程序,用户可以在其中使用 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');
});
4

0 回答 0