Heim > Web-Frontend > js-Tutorial > Hauptteil

Ajax-Erstellung und Posten und Empfangen von Anfragen

php中世界最好的语言
Freigeben: 2018-06-04 11:04:04
Original
1377 Leute haben es durchsucht

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 {
Nach dem Login kopieren

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)
Nach dem Login kopieren

Get-Anfrage:

xhr.send()
Nach dem Login kopieren

Post-Anfrage:

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

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage