Ajax?! Ich verstehe das nicht...

…ist eine Skriptsprache, die die Möglichkeiten von HTML stark erweitert. Sie wird eingesetzt, um Internet-Seiten flexibel und interessant gestalten zu können. Beispiel: Formulare mit Berechnungsfunktionen / animierte Schaltflächen oder einfach fallender Schnee. - Fragen - Antworten –Tipps hier hinein...

Moderator: lauras

Beiträge bitte im neuen Forum

Re: Ajax?! Ich verstehe das nicht...

Beitragvon Basiii » Sonntag 22. Januar 2012, 20:51

Code: Alles auswählen
request.send("firstname=" + firstname + "surname=" + surname);


Das ist nicht ganz richtig, es fehlt ein &:

Code: Alles auswählen
request.send("firstname=" + firstname + "&surname=" + surname);
Benutzeravatar
Basiii
HTML-Acrobat
 
Beiträge: 1139
Registriert: Dienstag 12. Januar 2010, 13:57

Re: Ajax?! Ich verstehe das nicht...

Beitragvon Yamram » Sonntag 22. Januar 2012, 20:54

@Basiii: Jo, das habe ich ergänzt :) Ist auch verständlich. Aber wie mache ich den Rest?!

EDIT - 22.01.2012 21:00 Uhr

So, ich habe jetzt mal selber versucht, die Variable $result auszugeben. Dazu habe ich im PHP-Dokument einfach
Code: Alles auswählen

echo $error
;
 

hinzugefügt. Und die Funktion interpretRequest() sieht nun so aus:
Code: Alles auswählen
function interpretRequest() {
   switch (request.readyState) {
      case 4:
         if (request.status != 200) {
            alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+request.status);
         }
         else {
            var xmlDoc   = request.responseXML;
            alert("MELDUNG: " + xmlDoc);         
         }
   }
}


Aber da kommt immer null raus. Was mache ich falsch?!
Benutzeravatar
Yamram
HTML-Sonderfall
 
Beiträge: 616
Registriert: Samstag 5. Februar 2011, 20:05
Wohnort: C:\Users\Yamram\Desktop\Papierkorb.ink

Re: Ajax?! Ich verstehe das nicht...

Beitragvon Yamram » Donnerstag 26. Januar 2012, 19:50

Haaaaaaaaaaaaaaalloooooo???
Benutzeravatar
Yamram
HTML-Sonderfall
 
Beiträge: 616
Registriert: Samstag 5. Februar 2011, 20:05
Wohnort: C:\Users\Yamram\Desktop\Papierkorb.ink

Re: Ajax?! Ich verstehe das nicht...

Beitragvon kanufrosch » Donnerstag 26. Januar 2012, 20:46

hab jetzt leider grad keine Zeit, aber ich kann dir zu morgen mal ein Stück aus meinem momentanen Projekt isolieren. Da nutze ich fast das selbe...
;D
kanufrosch
HTML-Acrobat
 
Beiträge: 459
Registriert: Mittwoch 17. September 2008, 16:19

Re: Ajax?! Ich verstehe das nicht...

Beitragvon Yamram » Donnerstag 26. Januar 2012, 21:03

Hey, das wär echt super. Was ist denn dein Projekt? Das Beispiel, das hier ist, habe ich auch nur kurz entwickelt, um Ajax zu benutzen. Danke für deine Hilfe (;
Benutzeravatar
Yamram
HTML-Sonderfall
 
Beiträge: 616
Registriert: Samstag 5. Februar 2011, 20:05
Wohnort: C:\Users\Yamram\Desktop\Papierkorb.ink

Re: Ajax?! Ich verstehe das nicht...

Beitragvon drPHIP132 » Donnerstag 26. Januar 2012, 21:23

sowas gehört in eine PN und nicht in einen öffentlichen Thread.

Bsp.:

Person X ist ein Webentwickler und möchte sich Ajax anschauen.
Die Person arbeitet ein Tuturial durch und Sie versteht es nicht.
Die Person geht auf google.de (oder eine andere suchmaschiene) und sucht
"Wie funktioniert Ajax?"

Wenn die Person auf diese Seite stößt und der erste Beitrag, auf der Ihr blickt fällt etwas persöhnliches/privates ist und nix mit dem
Thema zu tun ist, ist diese Person sicherlich schnell weg von dieser Seite.

Gruß
drPHIP132
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Ajax?! Ich verstehe das nicht...

Beitragvon Basiii » Freitag 27. Januar 2012, 00:37

Ergänzung:

Und wenn eine Frage öffentlich gestellt und dann privat beantwortet wird, freut sich garantiert jeder Hilfe Suchende..
Benutzeravatar
Basiii
HTML-Acrobat
 
Beiträge: 1139
Registriert: Dienstag 12. Januar 2010, 13:57

Re: Ajax?! Ich verstehe das nicht...

Beitragvon drPHIP132 » Freitag 27. Januar 2012, 07:22

es ging um kanufroschs Projekt, welches von yamram angesprochen wurde..
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Ajax?! Ich verstehe das nicht...

Beitragvon Basiii » Freitag 27. Januar 2012, 12:46

Ein bisschen OffTopic neben dem tatsächlichen Thema ist in Ordnung.. wenn sie jetzt anfangen nur über das Projekt zu palabern wird es doof, also Ruhe jetzt hier es sei denn du weißt die Lösung ;)
Benutzeravatar
Basiii
HTML-Acrobat
 
Beiträge: 1139
Registriert: Dienstag 12. Januar 2010, 13:57

Re: Ajax?! Ich verstehe das nicht...

Beitragvon kanufrosch » Freitag 27. Januar 2012, 15:44

Mein Script hat sehr genau was mit dem Thema zutun ;D (Auch wenn ich mein geschrieben habe so stammt der größte Teil des Scriptes übrigens auch aus einem Tut =) )
Code: Alles auswählen

  
<!--
    var request = false;
    
    
// Request senden
    function setRequest(id) {

        // Request erzeugen
        if (window.XMLHttpRequest) {
            request = new XMLHttpRequest(); // Mozilla, Safari, Opera
        } else if (window.ActiveXObject) {
            try {
                request = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
            } catch (e) {
                try {
                    request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
                } catch (e) {}
            }
        }

        // überprüfen, ob Request erzeugt wurde
        if (!request) {
            alert("Kann keine XMLHTTP-Instanz erzeugen");
            return false;
        } else {
            var url = "hw.php";
            // Request öffnen
            request.open('post', url, true);
            // Requestheader senden
            request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            // Request senden
            request.send('name='+id);
            // Request auswerten
            request.onreadystatechange = interpretRequest;
        }
    }

    // Request auswerten
    function interpretRequest() {
        switch (request.readyState) {
            // wenn der readyState 4 und der request.status 200 ist, dann ist alles korrekt gelaufen
            case 4:
                if (request.status != 200) {
                    alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+request.status);
                } else {
                    var inhalt = request.responseText;
                    // den Inhalt des Requests in das <div> schreiben
                    document.getElementById('items').innerHTML = inhalt;
                }
                break;
            default:
                break;
        }
    }
  //-->
 


Also ich rufe die Funktion "setRequest" mit der Variable "id" auf (z.B. der Name deines Buttons oder so ist aber nicht unbedingt nötig !!)
Dann folgt die erstellung und überprüfung des Requestet ...
dann kommt direkt diese Zeile:
Code: Alles auswählen
var url = "hw.php"; 

Das ist die Datei die aufgerufen werden soll. Ich denke dir 4 request.xxx sind mehr oder weniger selbsterklärend...

Dann rufe ich aus der Funktion herraus die Funktion "interpretRequest" auf, diese dient zum auswerten bzw. empfangen des Textes (oder was auch immer du lädst) Is ja auch kommentiert (wenna uch nicht von mir!)
So und nun kommt das wonach du wenn ich mich nicht irre genau gefragt hast:
Code: Alles auswählen

                    var inhalt 
= request.responseText;
                    // den Inhalt des Requests in das <div> schreiben
                    document.getElementById('items').innerHTML = inhalt;
 

Der Inhalt der aus der hw.php kommt wird nun in den tag mit der id "item" geschrieben.
In der hw.php (ist nur ein name bei mir..) brauch z.B. nur stehen
Code: Alles auswählen
<?php echo "Test123"; ?>


Dann steht in der Theorie nachher in dem tag mit der id item "Test123".

Bei mir klappt es so wie es doprt ist ;D

Hoffe du bemühst dich zu verstehen was dort steht und nimmst nicht nur den fertigen Code, das ist übrigens auch der Grund warum wir uns normalerweise bemühen nur anregungen zu geben... ;)


MFG Kanu

EDIT: Bei meinem Projekt handelt es sich um eine Bilderseite und mithilfe dieses Scriptes lade ich Bild nach um sie nicht alle beim Seitenaufruf zu laden. ;D
kanufrosch
HTML-Acrobat
 
Beiträge: 459
Registriert: Mittwoch 17. September 2008, 16:19

Re: Ajax?! Ich verstehe das nicht...

Beitragvon Yamram » Freitag 27. Januar 2012, 20:49

Daaaaaaaaaaanke... Jetzt habe ich bemerkt, dass Ajax ja garnicht so schwierig ist (;

Doch eine Frage habe ich noch: Wenn ich in der PHP-Datei jetzt PHP-Code ausführen möchte, wie zum Beispiel

Code: Alles auswählen

<?php
  header
("Location: index.php");
?>


Wie kann ich das umsetzen? Der Code steht ja in der PHP-Datei, kann also nicht direkt ausgeführt werden...

Oder muss ich das dann mit Javascript machen, weil die Seite ja kein neues PHP empfangen und ausführen kann? O.o
Benutzeravatar
Yamram
HTML-Sonderfall
 
Beiträge: 616
Registriert: Samstag 5. Februar 2011, 20:05
Wohnort: C:\Users\Yamram\Desktop\Papierkorb.ink

Re: Ajax?! Ich verstehe das nicht...

Beitragvon Basiii » Freitag 27. Januar 2012, 21:17

Dann einfach mit

Code: Alles auswählen
  window.location.href="";


arbeiten 8)
Benutzeravatar
Basiii
HTML-Acrobat
 
Beiträge: 1139
Registriert: Dienstag 12. Januar 2010, 13:57

Re: Ajax?! Ich verstehe das nicht...

Beitragvon kanufrosch » Freitag 27. Januar 2012, 22:58

Biiiiiiittee ;D

Ja sowie Basiii gezeigt hat, brauchste kein php benutzen sondern einfach das sowieso schon benutzte Javascript benutzen ;)
kanufrosch
HTML-Acrobat
 
Beiträge: 459
Registriert: Mittwoch 17. September 2008, 16:19

Re: Ajax?! Ich verstehe das nicht...

Beitragvon Yamram » Samstag 28. Januar 2012, 15:53

@Basiii: Okay, dann muss ich das wohl so machen ):

@kanufrosch: Nochmal danke :* (:

EDIT - 28.01.2012 - 18:03 Uhr
Wie euch bestimmt allen bekannt ist, muss man für einen Dateiupload den Array $FILES benutzen. Nun fand ich es schwierig einen Dateiupload mit Ajax zu realisieren. Geht das überhaupt? Ich meine, ich kann ja keinen Array in den Request packen, weil der Array mit PHP gemacht wird. Hat da jemand eine Idee?

Ich glaube, ich mache dafür mal einen neuen Thread (: (siehe JS-Forum)
Benutzeravatar
Yamram
HTML-Sonderfall
 
Beiträge: 616
Registriert: Samstag 5. Februar 2011, 20:05
Wohnort: C:\Users\Yamram\Desktop\Papierkorb.ink

Vorherige

Beiträge bitte im neuen Forum

Zurück zu JavaScript

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron