Heim > Artikel > Web-Frontend > Ajax implementiert synchrone und asynchrone Anfragen

Ajax implementiert synchrone und asynchrone Anfragen

不言Original: 2018-07-18 16:38:281840Durchsuche

Ajax hat synchrone Anfragen und asynchrone Anfragen bedeuten, dass nur ein Prozess zum gleichen Zeitpunkt ausgeführt werden darf. Asynchrone Anfragen bedeuten, dass mehrere Prozesse gleichzeitig ausgeführt werden können.

ajax object.open (Methode get/post, URL-Adresse, [asynchronous true] synchronous false);

ajax kann mit dem kommunizieren Server Eine der Techniken zur Durchführung (asynchroner oder synchroner) Interaktionen.

Asynchron: Ermöglicht die Ausführung mehrerer Prozesse zum gleichen Zeitpunkt.

Synchronisation: Es darf nur ein Prozess zum gleichen Zeitpunkt ausgeführt werden.

Server-side04.php:

<?php

echo "computer";

Synchronisierungsanfrage:

Client 04async.html:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ajax同步</title>
	<script type="text/javascript">
	alert(1234);
	</script>
</head>
<body>
	<img src="./1.png" alt="" width="400" height="300">
</body>
</html>

Erfolgseffekt:

Asynchrone Anfrage:

Client 05async.html:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ajax同步</title>
	<script type="text/javascript">
		var xhr = new XMLHttpRequest();
		xhr.onreadystatechange = function(){
			if (xhr.readyState==4) {
				alert(xhr.responseText);
			}
		}
		xhr.open(&#39;get&#39;, &#39;./04.php&#39;, true);//异步请求
		//xhr.open(&#39;get&#39;, &#39;./04.php&#39;, false);//同步请求
		xhr.send(null);
	</script>
</head>
<body>
	<img src="./1.png" alt="" width="400" height="300">
</body>
</html>

Erfolgseffekt:

Asynchrone Anfragen werden dem Benutzer gleichzeitig nur visuell präsentiert, aber wenn die Ajax-Anfrageantwort oder die IMG-Antwortzeit inkonsistent ist, wird die Reihenfolge anders sein erscheinen auch, einfach Mehrere Prozesse werden gleichzeitig gleichzeitig ausgeführt.

Wann werden synchrone Anfragen verwendet?

In den meisten Fällen führt Ajax asynchrone Anfragen aus, aber manchmal ist es auch notwendig, „synchrone Anfragen zu verwenden “ (nicht ersetzbar).

Beispielsweise besteht die Seite aus zwei Teilen, dem Ajax-Anfrageinhalt und der normalen HTML-Inhaltsausgabe. Wenn der HTML-Ausgabeinhalt den Ajax-Anfrageinhalt enthält, müssen Sie die Ajax-Anfrage verwenden Um den HTML-Inhalt zu vervollständigen, ist es notwendig, die beiden nacheinander (und nicht gleichzeitig) aufzurufen, was eine synchrone Anfrage erfordert.

Verwandte Empfehlungen:

Differenzanalyse von synchronen Ajax-Anfragen und asynchronen Anfragen_Javascript-Kenntnisse

Ajax asynchrone Anfrage PHP Daten, Ajax asynchrones PHP

Das obige ist der detaillierte Inhalt vonAjax implementiert synchrone und asynchrone Anfragen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php ajax html 对象异步

Stellungnahme：

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

Vorheriger Artikel：JQuery-Formular zum Implementieren des Datei-UploadsNächster Artikel：JQuery-Formular zum Implementieren des Datei-Uploads

In Verbindung stehende Artikel

Mehr sehen