schuledaniel/ausbildungschule
2
0
Fork 0
Code Activity

delete moved files and add AJAX stuff from 20-5-26

Browse Source
This commit is contained in:
cwikladaniel
2026-05-20 15:11:16 +02:00
parent b3afa9163b
commit a7e5c71d86
3 changed files with 79 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Zweites Jahr/README.md
View File

@@ -12,6 +12,13 @@ Wichtige Informationen
- JavaScript - [./javascript](/Zweites%20Jahr/javascript/) - JavaScript - [./javascript](/Zweites%20Jahr/javascript/)
- Unterrichts Projekt - [./unterrichts_projekt](/Zweites%20Jahr/unterrichts_projekt/portal/register.php) (Register Seite) - Unterrichts Projekt - [./unterrichts_projekt](/Zweites%20Jahr/unterrichts_projekt/portal/register.php) (Register Seite)
## 20-04-26 - JS + AJAX
- Einführung AJAX
- HTML Formular mit JavaScript
## 19-04-26 - PHP KA
- KA geschrieben ([Klassenarbeit](/Zweites%20Jahr/Klassenarbeit/LBT3/KA2/))
## 30-04-26 ## 30-04-26
- Event Listener - Event Listener

54
Zweites Jahr/javascript/AJAX/ajax2.html Normal file
View File

@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AJAX BEispiel 2</title>
</head>
<body>
<form>
<label>Mitarbeiter
<select id="selection" name="mitarbeiter">
<option>Bitte Auswählen</option>
<option value="0">Mortens</option>
<option value="1">Müller</option>
<option value="2">Meier</option>
<option value="3">Schulu</option>
</select>
</label>
</form>
<div id="output"></div>
<script>
// ajax
let xhr = new XMLHttpRequest();
window.addEventListener("load", function(){
document.getElementById("selection").addEventListener("change",auswahl);
});
function auswahl(){
xhr.open("get", "gehalt.json");
xhr.send();
xhr.onreadystatechange=function(){
if(xhr.readyState == 4 && xhr.status == 200){
let res = JSON.parse(xhr.responseText);
console.log(res);
let select = document.getElementById("selection").value;
console.log(select);
document.getElementById("output").innerHTML =
"Name: " +res[select].Name +
"<br>" +
"Gehalt: " + res[select].Gehalt + " EUR";
}
}
}
</script>
</body>
</html>

18
Zweites Jahr/javascript/AJAX/gehalt.json Normal file
View File

@@ -0,0 +1,18 @@
[
{
"Name" : "Mertens",
"Gehalt" : 5694.34
},
{
"Name" : "Müller",
"Gehalt" : 4324.32
},
{
"Name" : "Meier",
"Gehalt" : 4444.55
},
{
"Name" : "Schulz",
"Gehalt" : 7777.77
}
]