AJAX

Архитектура клиент-сервер

Способы отправки запроса на сервер

• XMLHttpRequest (не используют в явном виде, создаются обертки)
• Fetch (нативный, полифил для IE)
• Axios

Формат JSON

• JSON каталога товаров на Github Gist (Фрукты) (opens new window)
• JSON каталога товаров на Github Gist (Гитары) (opens new window)

[
    {
        "name": "Apple",
        "count": 100
    },
    {
        "name": "Orange",
        "count": 200
    },
    {
        "name": "Lemon",
        "count": 300
    }
]

Метод Fetch

Fetch (opens new window)

// fetch возвращает promise
const promise = fetch('url для отправки запроса');

// promise
fetch('https://swapi.co/api/people/1/')
    .then(res => res.json())
    .then(body => console.log(body))
    .catch(error => console.log(error.message))

// async
const getResource = async (url) => {
    const res = await fetch(url);
    return await res.json();
}

getResource('https://swapi.co/api/people/1/')
    .then(body => console.log(body))