Deutsch

PHP-Tutorial

PHP Operatoren

PHP-Control-Anweisungen

PHP Arrays

PHP-Funktionen

PHP Superglobals

PHP Dateiverarbeitung

Objektorientiertes PHP

PHP Web-Entwicklung

PHP AJAX

PHP XML

PHP Anmeldebeispiel

PHP erweitert

PHP - AJAX XML Parser

Hallo zusammen, zukünftige Codewizarden! Heute machen wir uns auf eine aufregende Reise in die Welt von PHP, AJAX und XML-Parsing. Keine Sorge, wenn diese Begriffe jetzt wie eine fremde Sprache klingen - bis zum Ende dieses Tutorials wirst du diese Sprache fließend sprechen!

PHP - AJAX XML Parser

Einführung

Bevor wir ins Detail gehen, lasse ich euch eine kleine Geschichte erzählen. Als ich zum ersten Mal begann, XML-Parsing zu lernen, fühlte ich mich, als würde ich eine alte Schriftrolle entschlüsseln. Aber glaubt mir, wenn ihr den Dreh raushabt, ist es so einfach wie das Lesen eures Lieblingsbuches!

Lassen Sie uns das, was wir zu tun haben, aufschlüsseln:

  • PHP: Eine beliebte serverseitige Skriptsprache
  • AJAX: Asynchrones JavaScript und XML, eine Technik zur Erstellung schneller und dynamischer Webseiten
  • XML: eXtensible Markup Language, eine Möglichkeit, Daten zu speichern und zu übertragen

Zusammen erlauben uns diese Technologien, interaktive Webanwendungen zu erstellen, die Daten ohne Neuladen der gesamten Seite aktualisieren können. Cool, oder?

Schritt 1: Einrichten unserer Umgebung

Zuerst müssen wir sicherstellen, dass wir alles Notwendige haben. Hier ist, was ihr braucht:

  1. Ein Webserver (wie Apache)
  2. PHP auf eurem Server installiert
  3. Ein Texteditor (ich empfehle Visual Studio Code, aber jeder tut es!)

Sobald ihr das alles eingerichtet habt, sind wir bereit zu rocken!

Schritt 2: Erstellen unserer XML-Datei

Lassen Sie uns mit der Erstellung einer einfachen XML-Datei beginnen. Wir nennen sie books.xml:

<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book>
<title>Harry Potter und der Stein der Weisen</title>
<author>J.K. Rowling</author>
<year>1997</year>
</book>
<book>
<title>Der Hobbit</title>
<author>J.R.R. Tolkien</author>
<year>1937</year>
</book>
</bookstore>

Diese XML-Datei repräsentiert einen Buchladen mit zwei Büchern. Jedes Buch hat einen Titel, einen Autor und ein Erscheinungsjahr.

Schritt 3: Erstellen unseres PHP-Parsers

Nun erstellen wir eine PHP-Datei, die dieses XML parselt. Wir nennen sie parser.php:

<?php
$xmlfile = file_get_contents("books.xml");
$xml = simplexml_load_string($xmlfile);

$output = '';
foreach ($xml->book as $book) {
$output .= "Titel: " . $book->title . "<br>";
$output .= "Autor: " . $book->author . "<br>";
$output .= "Jahr: " . $book->year . "<br><br>";
}

echo $output;
?>

Lassen Sie uns das aufschlüsseln:

  1. file_get_contents("books.xml") liest den Inhalt unserer XML-Datei.
  2. simplexml_load_string($xmlfile) konvertiert die XML-Zeichenkette in ein Objekt, mit dem wir arbeiten können.
  3. Wir durchlaufen dann jedes book in unserer XML und erstellen eine Zeichenkette mit den Details des Buches.
  4. Schließlich geben wir die Ausgabe aus.

Wenn ihr diese PHP-Datei ausführt, solltet ihr die Details unserer Bücher auf der Seite angezeigt sehen.

Schritt 4: Hinzufügen von AJAX

Nun machen wir Dinge interessanter, indem wir AJAX hinzufügen. Wir erstellen eine HTML-Datei namens index.html:

<!DOCTYPE html>
<html>
<head>
<title>Buch Parser</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#getBooks").click(function(){
$.ajax({url: "parser.php", success: function(result){
$("#bookList").html(result);
}});
});
});
</script>
</head>
<body>
<h1>Willkommen in unserem Buchladen!</h1>
<button id="getBooks">Buchliste abrufen</button>
<div id="bookList"></div>
</body>
</html>

Diese HTML-Datei erledigt ein paar Dinge:

  1. Sie.includes jQuery, das wir für unseren AJAX-Aufruf verwenden werden.
  2. Sie erstellt eine Schaltfläche, die, wenn sie angeklickt wird, unseren AJAX-Aufruf auslöst.
  3. Der AJAX-Aufruf ruft unsere parser.php-Datei ab und gibt das Ergebnis in das bookList-Div ein.

Jetzt, wenn ihr diese HTML-Datei in eurem Browser öffnet und auf die Schaltfläche "Buchliste abrufen" klickt, solltet ihr unsere Buchliste erscheinen sehen!

Schlussfolgerung

Und das war's, Leute! Wir haben einen einfachen aber mächtigen XML-Parsert mit PHP und AJAX erstellt. Wir haben rohe XML-Daten verarbeitet, mit PHP verarbeitet und dynamisch auf einer Webseite angezeigt, ohne die Seite neu zu laden.

Denkt daran, das ist nur die Spitze des Eisbergs. Während ihr eure Coding-Reise fortsetzt, werdet ihr unzählige Möglichkeiten finden, diese Konzepte zu erweitern. Vielleicht erstellt ihr eine Suchfunktion für euren Buchladen oder fügt die Möglichkeit hinzu, neue Bücher zur XML-Datei hinzuzufügen. Die Möglichkeiten sind endlos!

Hier ist eine Tabelle, die die Hauptmethoden zusammenfasst, die wir verwendet haben:

Methode Beschreibung
file_get_contents() Liest gesamte Datei in eine Zeichenkette
simplexml_load_string() Interpretiert eine XML-Zeichenkette in ein Objekt
foreach Durchläuft jedes Element in einem Array oder Objekt
$.ajax() Führt eine asynchrone HTTP-Anfrage durch

Weiter üben, bleibt neugierig, und bald werdet ihr XML wie ein Profi parsesln. Frohes Coden!

Credits: Image by storyset

Vorheriges Tutorial:
PHP - AJAX-Suche
Nächstes Tutorial:
PHP - AJAX Auto Complete Suche