Ajax implémente des requêtes synchrones et asynchrones

不言

Libérer： 2018-07-18 16:38:28

original

1795 Les gens l'ont consulté

Ajax a des requêtes synchrones et des requêtes asynchrones. Les requêtes synchrones signifient qu'un seul processus est autorisé à être exécuté au même moment. Les requêtes asynchrones signifient que plusieurs processus peuvent être exécutés au même moment.

ajax object.open (méthode get/post, adresse url, [asynchronous true] synchrone false)

ajax peut communiquer avec le serveur Une des techniques permettant de mener des interactions (asynchrones ou synchrones).

Asynchrone : permet à plusieurs processus d'être exécutés au même moment.

Synchronisation : Un seul un processus peut être exécuté au même moment.

Serveur-side04.php :

<?php

echo "computer";

Copier après la connexion

Demande de synchronisation :

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>

Copier après la connexion

Effet de réussite :

Demande asynchrone :

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>

Copier après la connexion

Effet de réussite :

Les requêtes asynchrones ne présentent l'utilisateur que visuellement en même temps, mais si la réponse à la requête ajax ou le temps de réponse img est incohérent , il n'y aura pas de séquence, mais plusieurs processus seront exécutés en même temps.

Quand utiliser les requêtes synchrones ?

Dans la plupart des cas, ajax effectue des requêtes asynchrones, mais parfois il est également nécessaire d'utiliser des "requêtes synchrones ” (qui ne peut pas être remplacé).

Par exemple, la page comporte deux parties, le contenu de la requête ajax et la sortie du contenu html normal. Si le contenu de la sortie html inclut le contenu de la requête ajax, vous devez utiliser la requête ajax. pour compléter le contenu html. Pour la sortie du contenu, il est nécessaire de paramétrer les deux pour qu'ils soient appelés l'un après l'autre (plutôt qu'en même temps), ce qui nécessite une requête synchrone .

Recommandations associées :

Analyse des différences entre les requêtes synchrones ajax et les requêtes asynchrones_compétences javascript

Requête asynchrone Ajax PHP données, php asynchrone ajax

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!