Analyse du rôle de async:false/true dans les requêtes Ajax

Cet article présente principalement le rôle de async:false/true dans les requêtes Ajax. Combiné à l'analyse d'exemples, il explique les fonctions spécifiques et les compétences d'utilisation de async:false/true dans les requêtes Ajax auxquelles les amis dans le besoin peuvent se référer. it

Cet article analyse le rôle de async:false/true dans les requêtes Ajax à travers des exemples. Partagez-le avec tout le monde pour votre référence, comme suit :

code test.html :

<a href="javascript:void(0)" onmouseover="testAsync()">

code asy.js :

function testAsync(){
  var temp;
  $.ajax({
    async: false,
    type : "GET",
    url : 'tet.php',
    complete: function(msg){
      alert('complete');
    },
    success : function(data) {
      alert('success');
      temp=data;
    }
  });
  alert(temp+'  end');
}

code tet.php :

<?php
  echo "here is html code";
  sleep(5);
?>

async : false , (la valeur par défaut est true);

Comme ci-dessus : false signifie la synchronisation. La requête Ajax dans cette méthode testAsync() verrouille l'intégralité du navigateur seulement une fois l'exécution de tet.php terminée. des exécutions peuvent être effectuées.

Quand async : true, la requête ajax est asynchrone. Mais il y a un problème : la requête ajax dans testAsync() et les opérations suivantes sont exécutées de manière asynchrone, donc lorsque tet.php n'a pas encore été exécuté, les opérations suivant la requête ajax peuvent avoir été exécutées,

Pour exemple : alert(temp+' end');

Cependant, les données temporaires sont attribuées après le succès de la requête ajax et, par conséquent, elles seront vides lors de la sortie.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Ajax réalise une cascade à trois niveaux de provinces et de municipalités

Ajax implémentation simple du téléchargement d'images et les prévisualiser

Application simple basée sur la soumission de formulaire Ajax et le traitement en arrière-plan

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!