added fetch example

tigoe · tigoe · commit 5077a0587574 · 2021-01-05T11:55:55.000-05:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+.DS_Store
diff --git a/fetch/index.html b/fetch/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <script src="script.js">
+  </script>
+  <title>Fetch Examples</title>
+</head>
+
+<body>
+<input type="button" value="Fetch JSON" onClick="fetchJSON();"> 
+<input type="button" value="Fetch Text" onClick="fetchText();"> 
+<div id="result"></div>
+</body>
+
+</html>
diff --git a/fetch/script.js b/fetch/script.js
@@ -0,0 +1,28 @@
+
+function fetchJSON() {
+  // make the HTTP/HTTPS call:
+  fetch('https://dweet.io/get/dweets/for/my-thing-name')
+    .then(response => response.json())  // convert response to JSON
+    .then(data => getResponse(JSON.stringify(data)))   // get the body of the response
+    .catch(error => getResponse(error));// if there is an error
+}
+
+function fetchText() {
+  // parameters for the HTTP/S call
+  let params = {
+    mode: 'cors', // if you need to turn off CORS, use no-cors
+    headers: {    // any HTTP headers you want can go here
+      'accept': 'application/text'
+    }
+  }
+  // make the HTTP/S call:
+  fetch('https://httpbin.org/encoding/utf8', params)
+    .then(response => response.text())  // convert response to text
+    .then(data => getResponse(data))    // get the body of the response
+    .catch(error => getResponse(error));// if there is an error
+}
+
+// function to call when you've got something to display:
+function getResponse(data) {
+  document.getElementById('result').innerHTML = data;
+}
