Anfängerfrage: XML Daten in HTML Datei per Ajax ausgeben

mimii · #1 (**permalink**) 17.08.2011, 09:58

Hallo ins Forum,

vor längerer Zeit habe ich diese Thread eröffnet: http://xhtmlforum.de/64316-wie-kann-...e-plz-mit.html und auf vielfache Anregung versuche ich das Ganze nun doch per Ajax. Da es meine ersten Gehversuche damit sind, handelt es sich hier um eine absolute Anfängerfrage.

Ich möchte zunächst einmal aus einer einfachen XML Datei die Daten auslesen und auf einer HTML-Seite darstellen. Hier meine einfache Beispieldatei.

HTML-Code:

<?xml version="1.0"?>
<plzgebiete>
	<eintrag id="1">
		<plz>PLZ 1</plz>
		<ort>Ort 1</ort>
	</eintrag>
	<eintrag id="2">
		<plz>PLZ 2</plz>
		<ort>Ort 2</ort>
	</eintrag>
	<eintrag id="3">
		<plz>PLZ 3</plz>
		<ort>Ort 3</ort>
	</eintrag>
	<eintrag id="4">
		<plz>PLZ 4</plz>
		<ort>Ort 4</ort>
	</eintrag>
	<eintrag id="5">
		<plz>PLZ 5</plz>
		<ort>Ort 5</ort>
	</eintrag>
</plzgebiete>

In der HTML-Datei soll per Klick auf einen Button oder Link, die Inhalte der XML-Datei z.B. in eine Tabelle gefüllt werden. Das Grundgerüst dazu sähe z.B. so aus:

HTML-Code:

<body>
	<form action="XMLauslesen">
	 <input type="button">Daten auslesen</input>
	</form>
	<table>
		<tr>
			<th>PLZ</th>
			<th>Ort</th>
		</tr>
		<tr>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
		</tr>
	</table>
</body>

Für den ein oder anderen Fortgeschrittenen hier ist das bestimmt ein Klacks, aber ich beiße mir grad die Zähne aus.

Danke für ein bisschen Hilfe und Gruß
mimii

Maxefix · #2 (**permalink**) 17.08.2011, 10:45

Mit einem jQuery ist das relativ einfach. Schau dir mal das Tutorial an:

Easy XML Consumption using jQuery

Gruß,
Max

Chris2011 · #3 (**permalink**) 17.08.2011, 14:58

was möchtest du jetzt wissen ? Kriegst du es gar nicht hin?

Chris2011 · #4 (**permalink**) 17.08.2011, 15:33

hier nimm das mal, ich habe es aber nicht im IE getestet.

mimii · #5 (**permalink**) 18.08.2011, 10:52

Hi Maxefix,

Zitat:

Zitat von Maxefix

Mit einem jQuery ist das relativ einfach. Schau dir mal das Tutorial an:

Easy XML Consumption using jQuery

Gruß,
Max

Danke, ich werde es mal durcharbeiten, aber der Link zu "sample files" funktioniert scheinbar nicht mehr oder ich finde da nix.

Gruß mimii

Kurzer Nachtrag:
Das hier sollte wohl die Datei sein, die bei samples files dabei ist.

mimii · #6 (**permalink**) 18.08.2011, 11:08

Hi Chris,

danke für deine Arbeit

Zitat:

Zitat von Chris2011

hier nimm das mal, ich habe es aber nicht im IE getestet.

Ich habe es etwas umgeschrieben und mit den Teilen vermischt, die ich schon hatte. Nun geht es weiter in Richtung "Eingabe prüfen" (also das was ursprünglich die Aufgabe war). Der User gibt ne PLZ ein und ich prüfe, ob diese im XML-File vorhanden ist, wenn ja wird der Ort dazu ausgegeben.

Später kommt dann noch vielleicht die Datenbank, die das XML-File generiert oder besser noch, die Daten werden dirket aus der Datenbank abgefragt und dann sind wir bei der Lösung, die bereits hier diskutiert wurde

Aber man muss ja erst Mal anfangen, um sich einen Überblick zu verschaffen.
Für weitere Anregungen und Ideen zum Thema bin ich immer dankbar.

Viele Grüße
mimii

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Per Ajax ein JS Array aus Datenbank befüllen zur weiterverwendung per JS	stravid	Javascript & Ajax	30	24.11.2008 13:52
Dateien auslagern - Include und PHP	ArcVieh	Serveradministration und serverseitige Scripte	17	27.03.2008 18:09
Daten per Ajax der Datenbank hinzufügen, IE bockt	Nars	Javascript & Ajax	10	24.08.2007 14:22
Ajax Daten per post übertragen	Beach	Javascript & Ajax	2	30.07.2007 19:52
XML Daten in HTML Tabelle	OvD	(X)HTML	0	21.06.2006 15:24