Я пытался получить некоторые данные о фильмах из themoviedb api, но результат всегда один и тот же и никогда не менялся, я знаю, что themoviedb api просто возвращает 20 данных о фильмах, но проблема в том, что он всегда возвращает один и тот же фильм с тем же названием конечно,
вот мой адрес:
https://api.themoviedb.org/3/discover/movie?with_genres=18&api_key=<my_api_key>
я хочу знать, как получить 20 данных о фильме, и он всегда возвращает случайные фильмы, когда я отображаю веб-сайт.
может быть, вы можете помочь мне решить эту проблему, и я надеюсь, что вы объясните на каком-нибудь примере, особенно в написании URL-адреса.
если вы хотите посмотреть все 20 фильмов, вам понадобится forEach, чтобы показать все 20 фильмов, иначе вы увидите только один.
вы можете сделать запрос с помощью метода выборки, а другим методом вы можете отобразить все фильмы, используя forEach.
async function getInfo(){
var API_KEY='apiKey';
const res='https://api.themoviedb.org/3/discover/movie?with_genres=18&api_key='+API_KEY;
return await fetch(res)
.then( (response) => { return response.json(); })
.catch( (response) => { console.info(response); })
}
async function showInfo(){
const { results } = await getInfo();//get the object, which is returned by the getInfo function
const movies = Array.from(results);
//template
let template = document.getElementById('template-movies').content;
let fragment = document.createDocumentFragment();
//read movies
movies.forEach( movie=> {
console.info(movie);
template.querySelector('#image').src ='https://image.tmdb.org/t/p/w300'+movie.poster_path; //image
template.querySelector("#title").textContent = movie.title; //movie title
let clone = document.importNode(template, true); //clone fragment
fragment.appendChild(clone); //add clone to fragment
});
//add fragment to parent
document.getElementById('content').appendChild(fragment);
}