JS6 fetch, пример использования (promise)

Привет. Необходимо получить данные с сервера без перезагрузки страницы. ДЛя этого будем использовать метод fetch, этот метод возвращает промисы. Погнали.

Promise — это объект в котором есть свойства resolve и reject и они назначаются в зависимости от использования асинхронности.

Будем выводить индекс валюты по отношению к рублю ЦБР. С помощью метода фетч конектимся к ЦБР, он возвращает промисы по этому используем .then и дальше вернем объект промиса, путем преобразования.

json() — преобразование строки json в объект JS и возвращает объект промиса.

<div id="x"></div>
<script>
    fetch('https://www.cbr-xml-daily.ru/latest.js')
        .then(result => result.json())
        .then(date => {
            let block = document.auerySelector("#x");
            block.insertAdjacentHTML('beforeend', <p>${date.date} — ${date.base}</p>`);
         })         
         .catch(error => {
             console.log("error");
         }) </script>

 

Предыдущая
JSJS6 json
Следующая
JSРегулярные выражения JavaScript
Помогла статья? Оцените её
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
Загрузка...
Добавить комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.