add fetch request

Author: kruimol

snippets/javascript/function-utilities/request-DELETE.md

@@ -0,0 +1,18 @@
+---
+title: DELETE request
+description: Simple request a DELETE api endpoint with a body
+author: kruimol
+tags: javascript,function,fetch,delete
+---
+
+```js
+// then
+fetch("/api/delete" /* api endpoint */, {
+  method: "DELETE",
+})
+  .then((response) => response.text())
+  .then((response) => {
+    console.log(response);
+  })
+  .catch((error) => console.error("Error:", error));
+```

snippets/javascript/function-utilities/request-GET.md

@@ -0,0 +1,15 @@
+---
+title: GET request
+description: Simple request a GET api endpoint
+author: kruimol
+tags: javascript,function,fetch,get
+---
+
+```js
+// then
+fetch("/api/get" /* api endpoint */)
+  .then((response) => {
+    console.log(response);
+  })
+  .catch((error) => console.error("Error:", error));
+```

snippets/javascript/function-utilities/request-POST.md

@@ -0,0 +1,22 @@
+---
+title: POST request
+description: Simple request a POST api endpoint with a body
+author: kruimol
+tags: javascript,function,fetch,post
+---
+
+```js
+// then
+fetch("/api/post" /* api endpoint */, {
+  method: "POST",
+  headers: {
+    "Content-Type": "application/json",
+  },
+  body: JSON.stringify({ a: 1, b: "Textual content" })
+})
+  .then((response) => response.json())
+  .then((response) => {
+    console.log(response);
+  })
+  .catch((error) => console.error("Error:", error));
+```

snippets/javascript/function-utilities/request-PUT.md

@@ -0,0 +1,22 @@
+---
+title: PUT request
+description: Simple request a PUT api endpoint with a body
+author: kruimol
+tags: javascript,function,fetch,put
+---
+
+```js
+// then
+fetch("/api/PUT" /* api endpoint */, {
+  method: "PUT",
+  headers: {
+    "Content-Type": "application/json",
+  },
+  body: JSON.stringify({ a: 1, b: "Textual content" })
+})
+  .then((response) => response.json())
+  .then((response) => {
+    console.log(response);
+  })
+  .catch((error) => console.error("Error:", error));
+```