g1er / Andrew

0 stars 0 forks source link

Встроенный метод fetch #5

Closed IgorKulishov closed 6 years ago

IgorKulishov commented 6 years ago

Поскольку метод GET (для получения данных с удаленного сервера) используется очень часто, недавно JavaScript версии 6 (ES6) включил готовый метод который упрощает обращение к удаленному серверу. Этот метод асинхронный с использованием Promise "под капотом". Метод выглядит очень просто:

fetch('https://jsonplaceholder.typicode.com/posts/1')
  .then(
    function(response) {
         // do something here with 'response' var
         console.log(response)
    }
  )
  .catch(function(err) {
       //catch error and use 'err' arg to show error message to user
      console.log('catched error: ', err);
  });
IgorKulishov commented 6 years ago

Так же можешь запустить его в консоле браузера предварительно открыв пустую страницу браузера что бы не было конфликта при обращении на сервер.

IgorKulishov commented 6 years ago

В блок "catch" попадают ошибки:

.catch(function(err) {
       //catch error and use 'err' arg to show error message to user
      console.log('catched error: ', err);
  });

можешь попробовать указать неправильный url что бы увидеть как работает catch.

g1er commented 6 years ago

Интересный вариант. Похож на функцию библиотеки, типа jQuery. Собрал необходимый функционал в один метод

IgorKulishov commented 6 years ago

Обращаю внимание что он только GET метод