[Ajax] Erklärung zu einem HttpRequest gesucht

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Sir-Chriddi, 17. Juli 2010 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 17. Juli 2010
    Erklärung zu einem HttpRequest gesucht

    Hoi,

    ich vertreib mir gerade nen bisschen die Langeweile mit Ajax und hab mir nen einfachen HttpRequest zusammen gebaut. (google )

    Ich denke mal das ich soweit alles verstanden haben, bis auf das dicke.

    Was passieren soll:

    Ich rufe die Funktion loadContent mit zwei Parametern auf.
    Der erste bestimmt den zu Ladenden Inhalt und der zweite den Zielbereich(DivContainer,etc..).

    <a href="#" onclick="loadContent('dir.php','test2');">php kram</a><br>

    Ich nehme mal an das onreadystatechange bei jeder Statusänderungen des einlesens aufgerufen wird.
    Allerdings verstehe ich nicht warum man dann net einfach nen handleContent(target) benutzen kann, sondern eine extra Funktion erstellen muss welche dieses tut.
    Spontan konnte ich nur rausfinden, dass handleContent mit Parameter nur einmal aufgerufen wird.

    Ist vllt. ne blöde Frage und ich bin einfach nur zu müde, aber ich hoffe mal es kann mir wer ne brauchbare antworten geben, da Ajax und Javascript Allgemein noch unbekanntes Land für mich sind.

    Spoiler
    funktioniert nicht
    Code:
    <script type="text/javascript">
     var xmlHttpObject = new XMLHttpRequest();
     function loadContent(data,target)
     { 
     xmlHttpObject.open('get',data);
     [B]xmlHttpObject.onreadystatechange = handleContent(target);[/B]
     xmlHttpObject.send(null);
     return false;
     }
     function handleContent(target)
     {
     if (xmlHttpObject.readyState == 4)
     {
     document.getElementById(target).innerHTML = xmlHttpObject.responseText;
     }
     }
    </script>
    funktioniert
    Code:
    <script type="text/javascript">
     var xmlHttpObject = new XMLHttpRequest();
     function loadContent(data,target)
     { 
     xmlHttpObject.open('get',data);
     [B]xmlHttpObject.onreadystatechange = new Function('handleContentLoop', 'handleContent("'+target+'")');[/B]
     xmlHttpObject.send(null);
     return false;
     }
     function handleContent(target)
     {
     if (xmlHttpObject.readyState == 4)
     {
     document.getElementById(target).innerHTML = xmlHttpObject.responseText;
     }
     }
    </script>
     
  2. 17. Juli 2010
    AW: Erklärung zu einem HttpRequest gesucht

    es wäre wichtig, dass du vor ajax zuerst javascript lernst.

    grundlagen -> closed
     
  3. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.