Frontender Libs - обзор библиотек JS / CSS

JS | Fetch



Fetch API - это более простая и удобная версия XMLHttpRequest. Fetch позволяет работать с REST API с дополнительными параметрами, такими как кэширование данных и многое другое. Основное отличие состоит в том, что Fetch работает с promise, а не callback.

fetch('https://api...')

    // Handle success

    .then(response => response.json())  // convert to json

    .then(json => console.log(json))    //print data to console

    .catch(err => console.log('Request Failed', err)); // Catch errors

Также можно передавать заголовки, используя свойство «headers»

fetch('https://jsonplaceholder.typicode.com/posts', {

  method: "POST",

  body: JSON.stringify(_data),

  headers: {"Content-type": "application/json; charset=UTF-8"}

})