Problem bei httprequest (Ajax) mit Rückgabedaten auswerten (XML) in JS

[David_]

Moin moin,

ich arbeit grad an nem ziemlich großen Web-Projekt, link kann ich euch deshalb leider nich geben.

Ich hab mir mit Ajax ne Funktion gebastelt die mir per Post die daten ausnem Formular an en PHP Script sendet, das die Daten in ne Datenbank schreibt und dann per Echo die Kommentare wieder ausgibt.

Die wurden dann von der interpretRequest-Funktion in ein Div geschrieben.

Soweit so gut, das funktioniert auch.

Allerdings möcht ich jetzt mehrere Sachen übertragen, das macht man bekanntlicherweise mit XML.
Testweise geb ich auf der Serverseite ersmal das aus:

    echo '
<?xml version="1.0" encoding="UTF-8" standalone="yes" ?> 
<MeinErgebnis>
    <test1>144</test1> 
    <test2>aaejttxx</test3> 
</MeinErgebnis>
';

Auf JS Seite siehts so aus:

                        var xmlDocument = http.responseXML;
                    
                        var string1 = ""
                        string1 = xmlDocument.getElementsByTagName("test1").item(0).firstChild.data;

                        document.getElementById("content").value = string1;

kann das überhaupt funktionieren?
Bzw hab ich iwo nen Denkfehler oder sowas in der Art?


Gruss
David

 

[Ravetracer]

AW: Problem bei httprequest (Ajax) mit Rückgabedaten auswerten (XML) in JS

Wie wäre es denn, wenn du nicht XML sondern JSON benutzt? Dann hast du ein vernünftiges JS-Objekt, über welches du auch iterieren kannst.
Habe das bis vor so 2 Monaten auch noch nicht benutzt, will es jetzt aber nicht mehr missen .

/EDIT:
Ach ja, hast du eventuell die Möglichkeit, auch Frameworks zu nutzen? Ich kann dir da jQuery nur empfehlen, das macht vieles extrem leichter. Mootools und Prototype gibts da als bekannte Vertreter auch noch, habe mit denen aber keine Erfahrung.

 

[David_]

AW: Problem bei httprequest (Ajax) mit Rückgabedaten auswerten (XML) in JS

Danke ersmal für die Antwort!

jQuery kann ich einsetzen, bzw. ich wollt es einsetzen um ein div ausfahren zu lassen, wenn ein Fehler auftritt. Doch dazu muss ich eben einen zweiten Wert übertragen und da scheiterts grad dran.

Hast du vlt ein gutes jQuery Ajax tutorial, am besten noch auf deutsch?

Gruss
David

 

[Ravetracer]

AW: Problem bei httprequest (Ajax) mit Rückgabedaten auswerten (XML) in JS

Ok, jQuery ist ja schon mal gut.
Es ist eigentlich auch ganz einfach, da was mit AJAX und JSON zu realisieren.

Hier mal eine fixe Erklärung (ich nutze vorzugsweise POST, aber ist jedem selbst überlassen ):

Hier das externe PHP-Script, welches Parameter entgegennimmt und den JSON-String ausgibt (die Parameter habe ich jetzt mal nicht verwendet, nur "entschärft" ):

<?php
   // übergebene POST-Parameter, Name => siehe JS-Code
   $par1 = trim( strip_tags( $_POST[ "par1" ] ) );
   $par2 = trim( strip_tags( $_POST[ "par2" ] ) );
   $par3 = trim( strip_tags( $_POST[ "par3" ] ) );

   // assoziatives Array erstellen für die Rückgabe
   $rueckgabe = array( 'test1' => 144, 'test2' => 'asdf' );

   // JSON-String zurückgeben
   echo json_encode( $rueckgabe );
?>

Hier der JS-Code mit jQuery und AJAX:

function meineFunktion() {
   $.post( 'php_aufruf.php', { par1: wert1, par2: wert2, par3: wert3 }, function( data ) {
   // in 'data' steht der JSON-String vom PHP-Script

   // hier durchlaufen wir jetzt das neue 'data'-Objekt
   var ausgabe = '';
   $.each( data, function( index, value ) {
        ausgabe += value; // in value befindet sich der wert aus dem array
   });
   alert( ausgabe );

   // eine andere Methode, um auf die Werte zuzugreifen
   ausgabe = '';
   ausgabe += 'Daten aus "test1": ' + data.test1 + ' --- Daten aus "test2": ' + data.test2;
   alert( ausgabe );
}, "json" );
}

So, habe die Scripte jetzt nicht getestet, sollte aber funktionieren. Ansonsten melde dich einfach nochmal.