Files
frontend_13/ajax/ajax.js
Kovács Rudolf f042cd8f17 Fetch használata
2026-09-14 11:56:04 +02:00

81 lines
1.9 KiB
JavaScript

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();