diff --git a/ajax/ajax.js b/ajax/ajax.js new file mode 100644 index 0000000..0cc6f32 --- /dev/null +++ b/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(); \ No newline at end of file diff --git a/ajax/index.html b/ajax/index.html new file mode 100644 index 0000000..efff453 --- /dev/null +++ b/ajax/index.html @@ -0,0 +1,16 @@ + + +
+ + +