Kingston_Pendrive/Suli/13.b/Frontend/Javascript/2024. 11. 18/public/js/scriprAJAX.js

29 lines
1.1 KiB
JavaScript
Raw Normal View History

2024-11-19 18:04:02 +00:00
const button = document.querySelector("button")
button.addEventListener("click", () => {
let xhttp = new XMLHttpRequest()
xhttp.open("GET", "../json/munkavallalok.json", true)
xhttp.onreadystatechange = function() {
if (xhttp.readyState === 4) {
if (xhttp.status === 200) {
const munkavallalok = JSON.parse(xhttp.responseText)
const munkavallalo = munkavallalok[document.querySelector("select").selectedIndex]
const eredmenyDiv = document.querySelector("div")
eredmenyDiv.innerHTML = `
Név: ${munkavallalo["nev"]},
Beosztás: ${munkavallalo["beosztas"]},
Kor: ${munkavallalo["kor"]},
Fizetés: ${munkavallalo["fizetes"]}
`
} else if (xhttp.status === 404) {
console.log("Erőforrás nem található - 404-es hibakód")
} else {
console.log(`Hiba történt, státuszkód: ${xhttp.status}`)
}
}
}
xhttp.send()
})