Наступний крок - вибрати правильний API-ендпоінт. API-ендпоінт - це адреса, за якою ви будете робити json запити. Зазвичай він складається з домену, шляху та параметрів запиту.
Нарешті, передайте дані відповідно до очікуваної структури. Для цього необхідно створити об'єкт з полями у форматі ключ-значення або створити масив значень. Потім, сконвертуйте цей об'єкт або масив у формат json за допомогою функції JSON.stringify().
Підготовка до json запиту - важливий етап перед відправкою запиту. Роблячи це правильно, ви зможете отримати або передати дані без проблем та помилок.
Визначення мети запиту
Перш ніж відправляти JSON-запит, необхідно чітко визначити його мету. Мета запиту визначається тим, що конкретно ви хочете отримати або зробити з за допомогою запиту.Наприклад, якщо ви хочете отримати інформацію про товари в інтернет-магазині, мета запиту буде полягати в отриманні списку товарів або детальної інформації про конкретний товар.Якщо ви хочете змінити або оновити дані, то мета запиту буде складатися у зміні відповідних полів або додаванні нових даних до бази.Визначення мети запиту є важливим кроком, оскільки від цього залежать подальші дії при формуванні і відправці JSON-запиту.Приклади цілей запитів:Отримання списку товарівОтримання детальної інформації про товарЗміна ціни товаруДодавання нового товару в базуПравильне визначення мети запиту допоможе сформувати коректний JSON-запит і отримати очікуваний результат.Вибір методу запитуМетодОписGET
При виборі методу необхідно враховувати властивості і особливості операцій, які потрібно виконати з даними на сервері. Наприклад, якщо потрібно отримати інформацію про якогось користувача, краще використовувати GET-запит, а якщо потрібно оновити його дані, після чого слід вибрати метод PUT.
Формування тіла запиту у форматі json
Тіло JSON-запиту являє собою рядок, що складається з пар ключ-значення, розділених комами і укладених в фігурні дужки <>. Ключами та значеннями можуть бути рядки, числа, логічні значення або інші об'єкти JSON.
Приклад тіла запиту у форматі JSON:
У цьому прикладі тіло запиту містить три пари ключ-значення: "ім'я", "електронна пошта" та "вік". Клавіша «ім'я» — «Джон Доу», клавіша «електронна пошта» — «[email protected]», а клавіша «вік» — 30.
Щоб сформувати тіло запиту у форматі json, потрібно:
- Створіть об'єкт, який міститиме дані, які ви хочете надіслати.
- Перетворіть об'єкт на рядок у форматі JSON за допомогою функції JSON.stringify(). Ця функція перетворює всі ключі та значення об'єкта в json формат.
Приклад формування тіла запиту в json форматі:
var data = ;var jsonBody = JSON.stringify(data);
У цьому прикладі об'єкт data містить три пари "ключ-значення". Функція JSON.stringify() перетворює об'єкт data в рядок в форматі json. Результат присвоюється змінній jsonBody , яка і буде використовуватися в тілі запиту.
Тепер, коли тіло запиту в форматі json сформоване, можна надіслати запит за допомогою відповідного методу (наприклад, з використанням AJAX).
Відправка json запиту та отримання відповіді
Для відправки json запиту та отримання відповіді необхідно використовувати асинхронний запит XMLHttpRequest.
Приклад відправки json запиту:
| Метод | Опис |
|---|---|
| open() | Встановлює з'єднання з сервером |
| setRequestHeader() | Встановлює заголовок запиту |
| send() | Відправляє запит на сервер |
Приклад отримання відповіді:
| Властивість | Опис |
|---|---|
| status | Статус відповіді (код відповіді сервера) |
| responseText | Текст відповіді сервера |
Приклад коду для відправки json запиту та отримання відповіді:
var xhr = new XMLHttpRequest();xhr.open('POST', 'url', true);xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');xhr.onreadystatechange = function () >;xhr.send(JSON.stringify(< key: 'value' >));Таким чином, відправка json запиту та отримання відповіді є ефективним способом передачі структурованих даних між клієнтом і сервером.