Задать вопрос
@xxvxx
....

Как написать асинхронную функцию?

Я читал документацию, но не как не могу вникнуть в эту тему,
помогите пожалуйста на этом примере мне это очень поможет,
тут мы получаем страницу с локального сайта
async function getElem(url, selector) {
  let xhr = new XMLHttpRequest()
  xhr.open('GET', 'http://test/page/' + url, true);
  xhr.send();
  xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) {
      if (xhr.status == 200) {
        let html = document.createElement('div');
        html.innerHTML = xhr.responseText;
        console.log(html.querySelector(selector) + ' go1');
        return html.querySelector(selector);
      }
    }
  }
}
async function log(d) {
  return console.log(d + ' go2')
}
async function go(num) {
  let i = await getElem(num + '.html', '.section')
  log(i)
}

go(1)

64fbe39ddb714027291777.png

только там где * undefined go2 * там тоже должен быть объект и он должен быть вторым
  • Вопрос задан
  • 144 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
zkrvndm
@zkrvndm
Архитектор решений
Все отличие асинхронной функции от обычной в том, что асинхронная всегда возвращает промис.

Используй промисы!

function getElem(url, selector) {

  return new Promise(function(success, error) {

    var xhr = new XMLHttpRequest()
    xhr.open('GET', 'http://waypoints/page/' + url, true);
    xhr.responseType = 'document';
    
    xhr.onreadystatechange = function () {

      if (xhr.readyState === 4) {

        if (xhr.status === 200) {

          console.log('Скачан документ:', xhr.response);

          success(xhr.response.querySelector(selector));

        }

        else {

          error('Ошибка при выполнении запроса');

        }

      }

    }

    xhr.send();

  });

}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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