Zunächst habe ich Ihnen den nativen JavaScript -Implementierungs -Ajax -Code für Ihre Referenz geteilt. Der spezifische Inhalt ist wie folgt
var getXmlHttpRequest = function () {if (window.xmlhttpRequest) {// Mainstream -Browser liefern xmlhttpRequest -Objekt zurück. } else if (window.activeXObject) {// Die untere Version des IE -Browsers liefert nicht xmlHttpRequest -Objekt // Sie müssen also die spezifische Implementierung von IE Browser ActiveXObject Return New ActiveXObject ("microsoft.xmlhttprequest"); }}; var xhr = getXmlhttpRequest (); xhr.onReadyStatechange = function () {console.log (xhr.ReadyState); if (xhr.readystate === 3 && xhr.status === 200) {// Die Operation nach erfolgreicher Erfassung ausführen }}; xhr.open ("get", "data.php", true); xhr.send ("");Im Folgenden werde ich Ihnen verschiedene Möglichkeiten teilen, native AJAX mit JavaScript zu implementieren.
Vor der Implementierung von AJAX müssen Sie ein XMLHTTPrequest -Objekt erstellen. Wenn der Browser, der dieses Objekt erstellt, nicht unterstützt wird, müssen Sie ein ActiveXObject erstellen. Die spezifische Methode lautet wie folgt:
var xmlhttp; Funktion createxmlHttpRequest () {if (window.activeXObject) {xmlhttp = new ActiveXObject ("microsoft.xmlhttp"); } else if (window.xmlhttprequest) {xmlhttp = new Xmlhttprequest (); }(1) Im Folgenden wird das oben erstellte XMLHTTP verwendet, um die einfachste AJAX -GET -Anforderung zu implementieren:
Funktion DOGGE (URL) {// Beachten Sie, dass es beim Übergeben von Parameterwerten am besten Encodeuri verwendet wird, um sie im Falle eines verstümmelten Code -Createxmlhttprequest () zu handhaben; xmlhttp.open ("get", url); xmlhttp.send (null); xmlhttp.onReadyStatechange = function () {if ((xmlhttp.ReadyState == 4) && (xmlhttp.status == 200)) {alert ('Erfolg'); } else {alert ('fail'); }}}(2) Verwenden Sie die oben erstellte XMLHTTP, um die einfachste AJAX -Postanforderung zu implementieren:
Funktion Dopost (URL, Daten) {// Beachten Sie, dass es bei der Übergabe von Parameterwerten am besten ist, Encodeuri zu verwenden, um sie im Falle eines verstümmelten Code -CreatexmlHttprequest () zu verarbeiten; xmlhttp.open ("post", url); xmlhttp.setRequestheader ("Content-Typ", "Anwendung/x-www-form-urlencoded"); xmlhttp.send (Daten); xmlhttp.onReadyStatechange = function () {if ((xmlhttp.ReadyState == 4) && (xmlhttp.status == 200)) {alert ('Erfolg'); } else {alert ('fail'); }}}Das Obige dreht sich alles um diesen Artikel, ich hoffe, es wird für das Lernen aller hilfreich sein.