API requests

kanaklatwal · kanaklatwal · commit e8991fa28175 · 2026-02-16T06:09:47.000Z
diff --git a/09_advance_one/ApiRequest.html b/09_advance_one/ApiRequest.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body style = "background-color: #212121; color:#fff;">
+    0        UNSENT              Client has been created. open() not called yet
+    1        OPENED              open() has been called.
+    2        HEADERS_RECEIVED    send() has been called, and headers and status are available
+    3        LOADING             Downloading; responseText holds partial data.
+    4        DONE                The operation is complete.
+</body>
+<script>
+    const requestUrl = 'https://api.github.com/users/kanaklatwal'
+    const xhr = new XMLHttpRequest();
+    xhr.open('GET', requestUrl)
+    xhr.onreadystatechange = function(){
+        console.log(xhr.readyState);
+        if(xhr.readyState === 4){
+            //Whenever the response come most of the time it comes in string
+            const data = JSON.parse(this.responseText);
+            console.log(typeof data);
+            console.log(data);
+            console.log(data.followers);
+            //console.log(this.responseText);
+        }
+    }
+
+    // console.log -> debugging tool/ debugger of browser devloper tool/ it inject runtime javascript
+
+    // console.log("HERE");
+    xhr.send();
+</script>
+</html>
