Heim > Web-Frontend > js-Tutorial > Analyse der Rolle von async:false/true in Ajax-Anfragen

Analyse der Rolle von async:false/true in Ajax-Anfragen

亚连
Freigeben: 2018-05-24 10:35:32
Original
1702 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Rolle von async:false/true in Ajax-Anfragen vorgestellt. In Kombination mit der Analyse von Beispielen werden die spezifischen Funktionen und Verwendungsfähigkeiten von async:false/true in Ajax-Anfragen erläutert it

Dieser Artikel analysiert die Rolle von async:false/true in Ajax-Anfragen anhand von Beispielen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

test.html-Code:

<a href="javascript:void(0)" onmouseover="testAsync()">
Nach dem Login kopieren

asy.js-Code:

function testAsync(){
  var temp;
  $.ajax({
    async: false,
    type : "GET",
    url : &#39;tet.php&#39;,
    complete: function(msg){
      alert(&#39;complete&#39;);
    },
    success : function(data) {
      alert(&#39;success&#39;);
      temp=data;
    }
  });
  alert(temp+&#39;  end&#39;);
}
Nach dem Login kopieren

tet.php-Code:

<?php
  echo "here is html code";
  sleep(5);
?>
Nach dem Login kopieren

async: false, ( Der Standardwert ist true. ;

Wie oben: false bedeutet Synchronisierung. Die Ajax-Anfrage in dieser testAsync()-Methode sperrt den gesamten Browser. Erst nachdem die Ausführung von tet.php abgeschlossen ist, können andere Vorgänge ausgeführt werden durchgeführt.

Wenn async: true ist, ist die Ajax-Anfrage asynchron. Es gibt jedoch ein Problem: Die Ajax-Anforderung in testAsync () und die nachfolgenden Vorgänge werden asynchron ausgeführt. Wenn tet.php also noch nicht ausgeführt wurde, wurden möglicherweise die Vorgänge nach der Ajax-Anforderung ausgeführt.

Für Beispiel: alert(temp+' end');

Die temporären Daten werden jedoch nach erfolgreicher Ajax-Anfrage zugewiesen und sind daher bei der Ausgabe leer.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Ajax realisiert die dreistufige Kaskadierung von Provinzen und Gemeinden

Ajax einfache Implementierung des Hochladens von Bildern und Vorschau anzeigen

Einfache Anwendung basierend auf Ajax-Formularübermittlung und Hintergrundverarbeitung

Das obige ist der detaillierte Inhalt vonAnalyse der Rolle von async:false/true in Ajax-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