0

Есть такой API, где представлены персонажи "Звездных войн": https://swapi.dev/documentation#people

У меня задача, что, если искомый персонаж не найден, то выводить сообщение "Ничего не найдено". Как это сделать?

3
  • 1
    Взять всех запросом к API, и в цикле проверить с искомым персонажем.
    – TheMY3
    19 янв 2021 в 9:55
  • 1
    @YaroslavMolchan в API есть поиск, зачем сразу всех брать?
    – MoloF
    19 янв 2021 в 15:45
  • Тогда ещё все проще, я в ендпоинтах не увидел это
    – TheMY3
    21 янв 2021 в 7:10

2 ответа 2

0

async function findByName(name) {
    const params = new URLSearchParams({ search: name });
    const response = await fetch('https://swapi.dev/api/people/?' + params);
    const result = await response.json();
    return result.count >= 1 ? result.results : null;
}

(async () => {
    const peoples = await Promise.all([
        findByName('Luke'),
        findByName('r2'),
        findByName('123'),
    ]);
    
    for (const people of peoples)
        if (people)
            console.log(people[0].name);
        else
            console.log('People is not found');
})();

Итоговый вариант:

async function findByName(name) {
    const params = new URLSearchParams({ search: name });
    const response = await fetch('https://swapi.dev/api/people/?' + params);
    const result = await response.json();
    return result.count >= 1 ? result.results : null;
}

const input = document.querySelector('#input');
const datalist = document.querySelector('#datalist');

input.oninput = async (e) => {
    const { value } = e.target;
    const peoples = await findByName(value);
    if (!peoples) return;
    
    const options = peoples.map(
        ({ name }) => `<option value="${name}">`
    );

    datalist.innerHTML = options.join('');
}
<label>Enter people name:</label>
<input id="input" list="datalist" />

<datalist id="datalist"></datalist>

0
.catch(function() {
      alert("Ничего не найдено, попробуйте еще раз!");
});

Всё оказалось гораздо проще. Достаточно использовать перехват ошибок try...catch.

1
  • Мне нужно заранее предусмотреть в перехвате ошибок тот случай, если сервер не ответил на запрос. Как это оформить в виде кода?
    – win
    21 янв 2021 в 3:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.