@AlexWebCoder

JS — Как получить данные по api ссылке СРАЗУ, а не по запросу?

Доброго дня!

Учусь js, сейчас написал по урокам мини "кинопоиск"...

Вопрос: Что переписать в коде, чтобы информация отображалась сразу, а не после ввода запроса в форму и клик?

То есть, сразу указал запрос на конце ссылки, и при загрузке страницы сразу вывод данных.

const searchForm = document.querySelector('#search-form');
const movie = document.querySelector('#movies');

function apiSearch(event) {
    event.preventDefault();
    const searchText = document.querySelector('.form-control').value;
    const server = 'https://api.themoviedb.org/3/search/multi?api_key=***&language=ru&query=' + searchText;
    requestApi(server);
}

searchForm.addEventListener('submit', apiSearch);

function requestApi(url) {

    const request = new XMLHttpRequest();
    request.open('GET', url);
    request.send();

    request.addEventListener('readystatechange', function () {
        if (request.readyState !== 4) return;

        if (request.status !== 200) {
            console.log('error: ' + request.status);
            return;
        }

        const output = JSON.parse(request.responseText)

        let inner = '';

        output.results.forEach(function (item) {
            let nameItem = item.name || item.title;
            inner += `<div class="col-6">${nameItem}</div>`;
        });

        movie.innerHTML = inner;


    });

}
  • Вопрос задан
  • 119 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы