[Erledigt] Web-Präsentation mit AJAX

bbskater · 24.09.2010, 14:44

Hallo.

Ich möchte gern eine Präsentation über AJAX erstellen, warum? Die Aufgabe ist eine Präsentation über einen Bereich meines Studiums zu halten. Da ich das Thema AJAX gewählt habe, ist mir der Gedanke gekommen, die Präsentation mithilfe von AJAX zu realisieren.

Soweit klappt das auch ganz gut.

Habe eine Startseite, eine XML-Datei für den Inhalt und ein PHP-Script zum Auslesen des Inhalts.

das PHP-Script

PHP-Code:

  <?php    

    if (!$daten)

    {    

        $daten = file_get_contents("./content/content.xml");

        $daten = explode("PAGE", $daten);

    }

    ereg("<TITLE>(.*)</TITLE>", $daten[$_POST["index"]], $title);

    ereg("<CONTENT>(.*)</CONTENT>", $daten[$_POST["index"]], $content);

    echo $title[1]."<br />".$content[1];    

?>

die HTML-Seite inkl. Javascript

Code:

<html>
    <head>
        <title>AJAX - the www revolution?</title>
        <link rel="stylesheet" type="text/css" href="index.css" />
        <script type="text/javascript">
            <!--    
            var index = 0;    
            var req = false;
            req = new XMLHttpRequest();            
            
            function getData(dir)
            {
                if (req)
                {    
                    if(dir == "u")
                    {
                        index = index + 1;
                    }
                    else if(dir == "d" && index > 1)
                    {
                        index = index - 1;                    
                    }
                    var dataSrc = "getData.php";
                    req.open("POST", dataSrc, true);
                    req.onreadystatechange = function()
                    {
                        if (req.readyState == 4 && req.status == 200)
                        {
                            var content = req.responseText;
                            document.getElementById("div_content").innerHTML = content;
                            document.getElementById("pages").innerHTML = index;                        
                        }                    
                    }
                    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                   req.send("index=" + index);
                }                             
            }
            -->
        </script>    
    </head>
    <body><div style="top:0px;left:0px;width:1024px;height:768px;background:transparent;border:1px solid black">
        <div id="div_present" class="present">
            <div id="div_content" class="content" style="background:transparent"></div>
        </div>
        <div id="div_menu" class="menu">
            <table>
                <tr>
                    <td class="menu"><img src="./pic/icon_last.png" onclick="getData('d')" /></td>
                    <td class="menu"><span id="pages"></span></td>
                    <td class="menu"><img src="./pic/icon_next.png" onclick="getData('u')" /></td>
                </tr>            
            </table>
        </div>    
    </div></body>
</html>

die XML-Datei ist wie folgt aufgebaut:

Code:

<ROOT>
<PAGE>
<TITLE>Titel</TITLE>
<CONTENT>Inhalt</CONTENT>
</PAGE>
<PAGE>
.
.
</PAGE>
</ROOT>

Jetzt habe ich folgendes Problem:

Wenn ich die Seiten durchklicke (die JS-Variable index zählt die Zahl der Http-Request, welche ja gleich der Anzahl der Seiten ist), dann bekomme ich bei Seite 1 den Titel und Inhalt der ersten Page aus der XML-Datei. Beim zweiten Klick nichts und beim Dritten den Titel und Inhalt der zweiten Page usw.
Kann mir jemand erklären, warum das so ist? Eigentlich müßte er doch beim ersten Request den ersten Page-Block auswerten, beim zweiten den zweiten usw.

Vielen Dank

jabubo · 24.09.2010, 14:51

PHP-Code:

  $daten = explode("PAGE", $daten);

Diese Zeile ist dein Problem. </PAGE> wird dabei ebenfalls für die Trennung gefunden und dadurch hast du einen leeren Datensatz. Du solltest daher für die Trennung mit explode lieber <PAGE> verwenden, als nur PAGE.

bbskater · 24.09.2010, 15:03

Ah, war ja eigentlich doch ganz einfach. Danke

Hatte mir zwar schon eine andere Lösung mit Javascript gebastelt, aber die ist besser.

ChrisB · 24.09.2010, 15:11

Sinnvoller wäre es eigentlich, das XML mit JavaScript zu verarbeiten - dann würdest du dem X in AJAX auch gerecht.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fileupload via AJAX	GSJLink	HTML, Usability und Barrierefreiheit	13	17.05.2012 21:41
Webentwickler PHP, SQL, XML, Ajax in Münster gesucht	S.Büscher_sup4u	Beruflich	0	20.07.2010 15:39
[Erledigt] Ajax, jQuery - CKEDITOR Fehler bei Instanzierung	jGeee	JavaScript, Ajax und mehr	3	26.03.2010 09:09
Ajax Anwendung, reines Ajax oder Ajax und Html	jackie1983	JavaScript, Ajax und mehr	5	09.02.2010 16:50
AJAX - Variable von PhP erhalten auf möglichst simple Weise?	SplitterWind	JavaScript, Ajax und mehr	10	10.01.2010 04:34
Wie lade ich ein Javascript nach einer AJAX Abfrage neu?	da.eXecutoR	JavaScript, Ajax und mehr	3	21.09.2009 11:15
Ajax und include reloaden	choice	JavaScript, Ajax und mehr	6	10.07.2009 13:47
Rezeptdatenbank: Zutatenliste mit Ajax realisieren?	espressoboy	JavaScript, Ajax und mehr	6	25.01.2009 20:23
1111: AJAX meets PHP (indirectly)	Nikolaus 2.0	Adventskalender 2008	5	15.12.2008 11:00
Encoding PHP - AJAX	iXtends	PHP Tipps 2008	12	10.11.2008 09:36
Ajax Formular problem mit eingabe	themonk	JavaScript, Ajax und mehr	2	01.11.2008 20:25
Probleme mit Sonderzeichen bei Ajax (prototype)...	go1denboy	JavaScript, Ajax und mehr	1	31.08.2008 18:44
AJAX: Session-Inhalt an PHP	Curanai	HTML, Usability und Barrierefreiheit	2	05.11.2007 15:45
Ajax bild.php aktualisieren	M3g4Star	HTML, Usability und Barrierefreiheit	3	09.03.2007 17:14
Ajax und Sonderzeichen?	GSJLink	HTML, Usability und Barrierefreiheit	1	11.11.2006 14:36

24.09.2010, 14:44
bbskater Neuer Benutzer Registriert seit: 24.09.2010 Beiträge: 2 PHP-Kenntnisse: Anfänger	[Erledigt] Web-Präsentation mit AJAX Hallo. Ich möchte gern eine Präsentation über AJAX erstellen, warum? Die Aufgabe ist eine Präsentation über einen Bereich meines Studiums zu halten. Da ich das Thema AJAX gewählt habe, ist mir der Gedanke gekommen, die Präsentation mithilfe von AJAX zu realisieren. Soweit klappt das auch ganz gut. Habe eine Startseite, eine XML-Datei für den Inhalt und ein PHP-Script zum Auslesen des Inhalts. das PHP-Script PHP-Code: `<?php if (!$daten) { $daten = file_get_contents("./content/content.xml"); $daten = explode("PAGE", $daten); } ereg("<TITLE>(.)</TITLE>", $daten[$_POST["index"]], $title); ereg("<CONTENT>(.)</CONTENT>", $daten[$_POST["index"]], $content); echo $title[1]."<br />".$content[1]; ?>` die HTML-Seite inkl. Javascript Code: <html> <head> <title>AJAX - the www revolution?</title> <link rel="stylesheet" type="text/css" href="index.css" /> <script type="text/javascript"> <!-- var index = 0; var req = false; req = new XMLHttpRequest(); function getData(dir) { if (req) { if(dir == "u") { index = index + 1; } else if(dir == "d" && index > 1) { index = index - 1; } var dataSrc = "getData.php"; req.open("POST", dataSrc, true); req.onreadystatechange = function() { if (req.readyState == 4 && req.status == 200) { var content = req.responseText; document.getElementById("div_content").innerHTML = content; document.getElementById("pages").innerHTML = index; } } req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); req.send("index=" + index); } } --> </script> </head> <body><div style="top:0px;left:0px;width:1024px;height:768px;background:transparent;border:1px solid black"> <div id="div_present" class="present"> <div id="div_content" class="content" style="background:transparent"></div> </div> <div id="div_menu" class="menu"> <table> <tr> <td class="menu"><img src="./pic/icon_last.png" onclick="getData('d')" /></td> <td class="menu"><span id="pages"></span></td> <td class="menu"><img src="./pic/icon_next.png" onclick="getData('u')" /></td> </tr> </table> </div> </div></body> </html> die XML-Datei ist wie folgt aufgebaut: Code: <ROOT> <PAGE> <TITLE>Titel</TITLE> <CONTENT>Inhalt</CONTENT> </PAGE> <PAGE> . . </PAGE> </ROOT> Jetzt habe ich folgendes Problem: Wenn ich die Seiten durchklicke (die JS-Variable index zählt die Zahl der Http-Request, welche ja gleich der Anzahl der Seiten ist), dann bekomme ich bei Seite 1 den Titel und Inhalt der ersten Page aus der XML-Datei. Beim zweiten Klick nichts und beim Dritten den Titel und Inhalt der zweiten Page usw. Kann mir jemand erklären, warum das so ist? Eigentlich müßte er doch beim ersten Request den ersten Page-Block auswerten, beim zweiten den zweiten usw. Vielen Dank


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.09.2010, 14:51
jabubo Erfahrener Benutzer Registriert seit: 23.09.2010 Beiträge: 146 PHP-Kenntnisse: Fortgeschritten	PHP-Code: `$daten = explode("PAGE", $daten);` Diese Zeile ist dein Problem. </PAGE> wird dabei ebenfalls für die Trennung gefunden und dadurch hast du einen leeren Datensatz. Du solltest daher für die Trennung mit explode lieber <PAGE> verwenden, als nur PAGE. __________________ PHP online testen, zum Beispiel: md5, base64_decode, preg_match, urldecode und viele weitere...

24.09.2010, 15:03
bbskater Neuer Benutzer Registriert seit: 24.09.2010 Beiträge: 2 PHP-Kenntnisse: Anfänger	Ah, war ja eigentlich doch ganz einfach. Danke Hatte mir zwar schon eine andere Lösung mit Javascript gebastelt, aber die ist besser.

24.09.2010, 15:11
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Sinnvoller wäre es eigentlich, das XML mit JavaScript zu verarbeiten - dann würdest du dem X in AJAX auch gerecht. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?