Различия

Показаны различия между двумя версиями страницы.

--- zaprosi_do_http_api [2024/01/24 19:50]
tro
+++ zaprosi_do_http_api [2024/01/24 19:56] (текущий)
tro
@@ Строка 176: / Строка 176: @@
   .catch(error => console.log(error));
 </code>
-===== Post (Створення) =====
+====== Post (Створення) ======
+Метод POST використовується для додавання нового ресурсу.
+<code>
+const postToAdd = {
+  title: "CRUD",
+  body: "CRUD is awesome!",
+};
+const options = {
+  method: "POST",
+  body: JSON.stringify(postToAdd),
+  headers: {
+    "Content-Type": "application/json; charset=UTF-8",
+  },
+};
+fetch("<https://jsonplaceholder.typicode.com/posts>", options)
+  .then((response) => {
+    if (!response.ok) {
+      throw new Error(response.status);
+    }
+    return response.json();
+  })
+  .then(post => console.log(post))
+  .catch(error => console.log(error));
+</code>
+====== PUT і PATCH (Оновлення) ======
+Використовуються для оновлення існуючих даних.
+За HTTP-стандартом:
+  * PATCH замінює в наявному ресурсі значення, які були передані в тілі запиту. Значення ресурсу, які не передавались, лишаться без змін;
+  * PUT повністю замінює ресурс. Значення ресурсу, які не передавались, видаляються з ресурсу.
+<code>
+// Change value of id property to update different post
+const postToUpdate = {
+  id: 1,
+  body: "CRUD is really awesome!",
+};
+const options = {
+  method: "PATCH",
+  body: JSON.stringify(postToUpdate),
+  headers: {
+    "Content-Type": "application/json; charset=UTF-8",
+  },
+};
+fetch(`https://jsonplaceholder.typicode.com/posts/${postToUpdate.id}`, options)
+  .then((response) => {
+    if (!response.ok) {
+      throw new Error(response.status);
+    }
+    return response.json();
+  })
+  .then(post => console.log(post))
+  .catch(error => console.log("ERROR:", error));
+</code>
+====== DELETE (Видалення) ======
+використовується для видалення існуючих даних
+<code>
+const postIdToDelete = 1;
+fetch(`https://jsonplaceholder.typicode.com/posts/${postIdToDelete}`, {
+  method: "DELETE",
+})
+  .then((response) => {
+    if (!response.ok) {
+      throw new Error(response.status);
+    }
+    return response.json();
+  })
+  .then((deletedPost) => console.log(deletedPost))
+  .catch(error => console.log("Error:", error));
+</code>