Hallo zusammen,
ich bin noch recht neu in der Thematik JS/CSS/HTML und bräuchte Hilfe/Denkanstöße zu der Thematik XMLHttpRequest.
Die Gegebenheiten sind wie folgt:
Auf dem Server liegen mehrere XML-Files aus denen ich Daten abgreifen und darstellen möchte.
Ich habe es auch hinbekommen ein XML-File namens "Player.xml" mit folgender Struktur
<?xml version="1.0" encoding="UTF-8"?>
<Records>
<player>
<Name>Hans Wurst</Name>
<Country>Germany</Country>
<Birthday>25. April 1975</Birthday>
</player>
<player>
<Name>Karl Mustermann</Name>
<Country>Germany</Country>
<Birthday>02. Januar 1985</Birthday>
</player>
<player>
<Name>Inge Irgendwer</Name>
<Country>Germany</Country>
<Birthday>11. November 1980</Birthday>
</player>
</Records>
Alles anzeigen
wie folgt auszulesen
<!DOCTYPE html>
<html>
<head>
<script>
function loadData()
{
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function ()
{
if (this.readyState == 4 && this.status == 200)
{
document.getElementById("player").innerHTML = this.responseText;
}
};
xhttp.open("GET", "http://SERVER/xml/player.xml", true);
xhttp.send();
}
</script>
</head>
<body onload="loadData()">
<p id="player"></p>
</body>
</html>
Alles anzeigen
Damit wird mir ja dann der komplette Inhalt des XML Files angezeigt.
Nun hätte ich folgende beiden Fragen und würde mich freuen wenn ihr mir da helfen könntet:
1. wie stelle ich es an, dass ich z.B. nur die Namen oder die Länder der einzelnen Spieler auslesen kann?
2. wie muss ich es umsetzen, wenn ich aus z.B. 5 unterschiedlichen Dateien Daten abgreifen muss (der Einfachheit halber heißen die Dateien einfach player1.xml - player5.xml)?
Muss ich dann 5 Funktionen machen, oder gibt es auch eine einfachere Möglichkeit ?
Vielen Dank schon mal für eure Unterstützung