Ajax mit Javascript erstellen

Asynchronous JavaScript And XML oder AJAX ist eine Programmiertechnik verwendet, um Informationen aus einer remote-Website im Hintergrund, während oder nach dem Laden einer Web-Seite zu holen. Teile der Web-Seite können dann in Echtzeit aktualisiert werden, ohne dass die gesamte Seite vom Webserver neu zu laden. Wie Sie erwarten vielleicht, nutzt Ajax JavaScript und XML, um die Verarbeitung zu erreichen. Abrufen von Daten bedeutet, dass ein Benutzer nicht warten, während Daten gesammelt werden, weil es im Hintergrund geschieht. Sie Ajax erstellen können, indem man eine XML-HTTP-Request-Objekt, wobei eine Callback-Funktion auf seinem bereit-Zustand mit Hilfe von JavaScript, zurückgegeben öffnen und Senden der Anforderung und erfassen die Daten von der Website.

Anweisungen

1 Erstellen Sie ein neues HTML-Dokument mit einem Editor oder Notepad. HTML-Header in die Datei einfügen. Lesen Sie die Dokumentation der Website, die Sie aufrufen und finden heraus, das Format der Informationen, die zurückgegeben werden. Entscheiden Sie, ob Sie beabsichtigen, ein "Get", wo erhalten Sie Informationen aus einer Website oder einer "Post", wo Sie zur Verfügung stellen und erhalten Informationen von einer Website zu tun. Geben Sie beispielsweise:

< html >< Head >< Title > Ajax < / title >< / head >< Körper >

2 Ein XML-HTTP-Request-Objekt abrufen. Testen Sie das Vorhandensein von XMLHttpRequest, für andere Browser als Internet Explorer und für ActiveXObject für Internet Explorer. Wählen Sie diejenige, die vorhanden ist. Geben Sie beispielsweise:

< Skript >Funktion ajax() {}Var Xml = Null;Wenn (Fenster. {XMLHttpRequest())}XML = neue XMLHttpRequest();} elseif (Fenster. ActiveXObject) {}XML = neue ActiveXObject("Microsoft.XMLHTTP");} else {}null zurück;}

3 Definieren Sie eine Callback-Funktion aufgerufen, wenn das Request-Objekt bereit-Zustand ändert. Testen Sie Zustand vier, d. die Funktion wurde erfolgreich zurückgegeben h.. Von der Website zurückgegebenen Daten zu extrahieren und in einer Variablen speichern. Geben Sie beispielsweise:

XML.onreadystatechange = function() {}Wenn (xml.readyState == 4) {}Var Daten = xml.responseXML;}}

4 Ausgabe des AJAX-Aufrufs durch den ersten Aufruf der "offenen" auf das Request-Objekt. Übergeben Sie den Typ der Anforderung, Daten oder Parameter, die Sie mit der Anforderung und "wahr", um anzugeben, dass Sie den Aufruf asynchron ausführen möchten senden möchten. Geben Sie beispielsweise:

XML.Open ('GET', Params, wahr);

5 Senden Sie den Ajax-Aufruf, durch Aufrufen der Methode "Senden" in das Request-Objekt. Geben Sie beispielsweise:

XML.Send();< / script >