Ajax-Erstellung und Posten und Empfangen von Anfragen

Dieses Mal werde ich Ihnen die Ajax-Erstellung und Post- und Get-Anfragen vorstellen. Was sind die Vorsichtsmaßnahmen für die Ajax-Erstellung und Verwendung von Post- und Get-Anfragen? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Der Prozess der AJAX-Erstellung:

XMLHttpRequest ist die Basis von AJAX und dient dem Datenaustausch mit dem Server im Hintergrund, wodurch bestimmte Teile der Webseite ohne Neuladen geändert werden können die gesamte Webseite teilweise aktualisiert.

1. Erstellen Sie ein XMLHTTPRequest-Objekt:

(兼容处理)var xhr = null;//前面必须添加window否则报错(不能拿一个不存在的对象作为判断条件)if(window.XMLHttpRequest) { 
    xhr = new XMLHttpRequest();
} else {

xhr = new ActiveXObject('Microsoft.XMLHTTP');
} 2. Erstellen Sie einen Aufruf an den Server

xhr.open(method, url， async);
method: 请求数据类型(get, post, options, head, put, delete, trace， connect)

Get-Anfrage:

xhr.send()

Post-Anfrage:

xhr.setRequestHeader("Content type", "application/x-www-form-urlencoded"); 
//向请求添加HTTP头xhr.send("fname=Bill&lname=Gates");

GET oder POST?

Im Vergleich zu POST ist GET einfacher und schneller und kann in den meisten Fällen verwendet werden.

Bitte verwenden Sie jedoch POST-Anfragen in den folgenden Situationen:

Cache-Dateien können nicht verwendet werden (Aktualisierung von Dateien oder Datenbanken auf dem Server)

b. Senden großer Datenmengen an den Server (POST hat keine Datengrößenbeschränkung)

Beim Senden von Benutzereingaben mit unbekannten Zeichen ist POST stabiler und zuverlässiger als GET

URL: Der Speicherort der Datei auf dem Server

asynchron: wahr (asynchron) oder falsch (synchron)

Synchronisation: bezieht sich auf das Senden der Daten, das Warten auf den Empfang der Antwort, bevor das nächste Datenpaket gesendet wird

Erklärung : Senden Sie die Anfrage – > Warten Sie auf die Verarbeitung durch den Server -> Nach der Verarbeitung und Rückgabe kann der Client-Browser in diesem Moment nur eine Sache tun, und andere Dinge müssen auf die aktuelle Sache warten abgeschlossen, bevor fortgefahren wird.

Asynchron: bezieht sich auf die Ausgabe. Nachdem die Daten empfangen wurden, muss nicht auf den Empfang einer Antwort gewartet werden, und dann wird das nächste Datenpaket gesendet

Erläuterung: Senden Sie die Anfrage –> Warten Sie, bis der Server verarbeitet hat (der Browser kann zu diesem Zeitpunkt noch andere Dinge tun) –> Die Verarbeitung ist halbherzig. Sie können mehrere Dinge gleichzeitig tun Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So vermeiden Sie Funktionen und Browser-Inferenzen in JS

Polyfill-Annotationen und das Verhindern von Änderungen in JS. Verwendung

Das obige ist der detaillierte Inhalt vonAjax-Erstellung und Posten und Empfangen von Anfragen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!