add fetch methodes request to javascript

public/consolidated/javascript.json

@@ -419,6 +419,58 @@
                 "contributors": [],
                 "code": "const times = (func, n) => {\n  Array.from(Array(n)).forEach(() => {\n    func();\n  });\n};\n\n// Usage:\nconst randomFunction = () => console.log('Function called!');\ntimes(randomFunction, 3); // Logs 'Function called!' three times\n"
             },
+            {
+                "title": "DELETE request",
+                "description": "Simple request a DELETE api endpoint with a body",
+                "author": "kruimol",
+                "tags": [
+                    "javascript",
+                    "function",
+                    "fetch",
+                    "delete"
+                ],
+                "contributors": [],
+                "code": "// then\nfetch(\"/api/delete\" /* api endpoint */, {\n  method: \"DELETE\",\n})\n  .then((response) => response.text())\n  .then((response) => {\n    console.log(response);\n  })\n  .catch((error) => console.error(\"Error:\", error));\n"
+            },
+            {
+                "title": "GET request",
+                "description": "Simple request a GET api endpoint",
+                "author": "kruimol",
+                "tags": [
+                    "javascript",
+                    "function",
+                    "fetch",
+                    "get"
+                ],
+                "contributors": [],
+                "code": "// then\nfetch(\"/api/get\" /* api endpoint */)\n  .then((response) => {\n    console.log(response);\n  })\n  .catch((error) => console.error(\"Error:\", error));\n"
+            },
+            {
+                "title": "POST request",
+                "description": "Simple request a POST api endpoint with a body",
+                "author": "kruimol",
+                "tags": [
+                    "javascript",
+                    "function",
+                    "fetch",
+                    "post"
+                ],
+                "contributors": [],
+                "code": "// then\nfetch(\"/api/post\" /* api endpoint */, {\n  method: \"POST\",\n  headers: {\n    \"Content-Type\": \"application/json\",\n  },\n  body: JSON.stringify({ a: 1, b: \"Textual content\" })\n})\n  .then((response) => response.json())\n  .then((response) => {\n    console.log(response);\n  })\n  .catch((error) => console.error(\"Error:\", error));\n"
+            },
+            {
+                "title": "PUT request",
+                "description": "Simple request a PUT api endpoint with a body",
+                "author": "kruimol",
+                "tags": [
+                    "javascript",
+                    "function",
+                    "fetch",
+                    "put"
+                ],
+                "contributors": [],
+                "code": "// then\nfetch(\"/api/PUT\" /* api endpoint */, {\n  method: \"PUT\",\n  headers: {\n    \"Content-Type\": \"application/json\",\n  },\n  body: JSON.stringify({ a: 1, b: \"Textual content\" })\n})\n  .then((response) => response.json())\n  .then((response) => {\n    console.log(response);\n  })\n  .catch((error) => console.error(\"Error:\", error));\n"
+            },
             {
                 "title": "Sleep Function",
                 "description": "Waits for a specified amount of milliseconds before resolving.",

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));
+```