Fetch használata

ajax/ajax.js

@@ -0,0 +1,81 @@
+let keres=new XMLHttpRequest();
+let valasz="";
+
+let root=document.getElementById('root');
+
+keres.open('GET','https://jsonplaceholder.typicode.com/posts',true);
+
+keres.onload=function(){
+    valasz=JSON.parse(this.response);
+    console.log(valasz);
+    valasz.forEach(elem=>{
+        let cim=document.createElement('p');
+        let hozzaszolas=document.createElement('p');
+
+        cim.textContent=elem.title;
+        hozzaszolas.textContent=elem.body;
+
+        root.appendChild(cim);
+        root.appendChild(hozzaszolas);
+    });
+
+}
+
+//keres.send();
+
+//??
+console.log(valasz);
+
+// fetch('https://jsonplaceholder.typicode.com/posts')
+// .then(res=>res.json())
+// .then(posts=>{
+//     if(Array.isArray(posts)){
+//         posts.forEach(post=>{
+//         let cim=document.createElement('p');
+//         let hozzaszolas=document.createElement('p');
+
+//         cim.textContent=post.title;
+//         hozzaszolas.textContent=post.body;
+
+//         root.appendChild(cim);
+//         root.appendChild(hozzaszolas);
+//         });
+//     } else {
+//         let p=document.createElement('p');
+//         p.textContent="Nincsenek adatok"
+//     }
+// })
+// .catch(err=>alert(err));
+
+async function letoltes() {
+    try {
+        let keres=await fetch('https://jsonplaceholder.typicode.com/posts');
+        let valasz=await keres.json();
+
+        if(Array.isArray(valasz)){
+
+            valasz.forEach(post=>{
+             let cim=document.createElement('p');
+             let hozzaszolas=document.createElement('p');
+
+             cim.textContent=post.title;
+             hozzaszolas.textContent=post.body;
+
+             root.appendChild(cim);
+             root.appendChild(hozzaszolas);
+
+            })
+
+             
+        } else {
+             let p=document.createElement('p');
+             p.textContent="Nincsenek adatok"
+        }
+        
+    } catch (error) {
+        let p=document.createElement('p');
+        p.textContent=error
+    }    
+}
+
+letoltes();