Add response status handling and new events.

hmvictor · Jul 20, 2020 · 5711c50 · 5711c50
1 parent 2db6f74
commit 5711c50
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/fetchEvents.js b/fetchEvents.js
@@ -22,7 +22,7 @@ window.fetch = function(url, init) {
                         response: response
                     }
                 }));
-        } if(response.status >= 400 && response.status < 600) {
+        } else if(response.status >= 400 && response.status < 600) {
             window.dispatchEvent(
                 new CustomEvent("fetchResponseError", {
                     detail: {

diff --git a/index.html b/index.html
@@ -112,12 +112,16 @@ <h4>
                         }
                     });
                     window.addEventListener("fetchResponseSuccess", event => {
-                        event.detail.response.json().then(content => {
-                            document.getElementById(window.logId).innerHTML+="<br/>Fetch response success. Url: ["+event.detail.url+"]. HTTP Method: ["+event.detail.init.method+"]. Response: "+content+".";
-                        });
+                        if(window.logId) {
+                            event.detail.response.json().then(jsonResponse => {
+                                document.getElementById(window.logId).innerHTML+="<br/>Fetch response success. Url: ["+event.detail.url+"]. HTTP Method: ["+event.detail.init.method+"]. Response: "+jsonResponse+".";
+                            });
+                        }
                     });
                     window.addEventListener("fetchResponseError", event => {
-                        document.getElementById(window.logId).innerHTML+="<br/>Fetch response error. Url: ["+event.detail.url+"]. HTTP Method: ["+event.detail.init.method+"]. Status: ["+event.detail.response.status+"]";
+                        if(window.logId) {
+                            document.getElementById(window.logId).innerHTML+="<br/>Fetch response error. Url: ["+event.detail.url+"]. HTTP Method: ["+event.detail.init.method+"]. Status: ["+event.detail.response.status+"]";
+                        }
                     });
                     window.addEventListener("fetchError", event => {
                         if(window.logId) {