Ajax Api

Himanxusharma · Himanxusharma · commit 625f2999bd65 · 2023-06-07T17:56:04.000+05:30
diff --git a/Ajax.js b/Ajax.js
@@ -445,6 +445,18 @@
 // // async await
 
 // // fetch api
+document.getElementById('button1').addEventListener('click',getText)
+
+function getText() {
+
+    console.log('getText called');
+    fetch('data.txt').then(function (res) {
+        console.log(res.text())
+    })
+
+}
+
+
 
 // // arrow function
 
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
 
         <!-- Compiled and minified CSS -->
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
-
+        <script src="Ajax.js"></script>
         <!-- Compiled and minified JavaScript -->
         <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
                 
@@ -126,9 +126,19 @@ <h2>TOdos </h2>
         </div>
     </div>
 
+
+    <div class="container">
+    <div class="readFile">
+        <button type="button" id="button1" class="btn btn-outline-success">Get Text Data</button>
+        <button type="button" id="button2" class="btn btn-outline-success">Get JSON</button>
+        <button type="button" id="button4" class="btn btn-outline-success">Get API Data</button>
+        <div id="output"></div>
+    </div>
+</div>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
     <script src="myHttp.js"></script>
-    <script src="Ajax.js"></script>
+    
     
 </body>
 
