From f042cd8f17ed8d3585187d1f98da52e1980de9be Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kov=C3=A1cs=20Rudolf?= Date: Mon, 14 Sep 2026 11:56:04 +0200 Subject: [PATCH] =?UTF-8?q?Fetch=20haszn=C3=A1lata?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ajax/ajax.js | 81 +++++++++++++++++++++++++++++++++++++++++++++++++ ajax/index.html | 16 ++++++++++ 2 files changed, 97 insertions(+) create mode 100644 ajax/ajax.js create mode 100644 ajax/index.html 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 @@ + + + + + + API használat + + + + +
+ +
+ + + \ No newline at end of file