Heim > Web-Frontend > js-Tutorial > Detailliertes Beispiel für die Asynchronisierung von Ajax-Attributen in jQuery

Detailliertes Beispiel für die Asynchronisierung von Ajax-Attributen in jQuery

黄舟
Freigeben: 2017-12-04 16:48:25
Original
2203 Leute haben es durchsucht

In unserer täglichen Entwicklungsarbeit müssen wir alle Ajax lernen. Wenn wir also im Ajax von jquery Synchronisation oder Asynchronität erreichen möchten, können wir das Auftreten von Asynchronität direkt auf wahr oder falsch setzen . Es kann wahr oder falsch sein. Heute stellen wir Ihnen das Beispiel von AjaxAttributasync vor!

Beispiel 1, jquery+ajax/" target="_blank">jquery Ajax-Synchronisationsmethode

Der Code lautet wie folgt:

$.ajax({
url : 'test.php',
type : 'post',
async: false,//使用同步的方式,true为异步方式
data : {'act':'addvideo', 'videoname':videoname},//这里使用json对象
success : function(data){
//code here...
},
fail:function(){
//code here...
}
});
Nach dem Login kopieren

Beispiel 2

Der Code lautet wie folgt:

//javascript
function test()
{
 var a= 1;
 $.ajax({
  type   : 'GET',
  url    : 'test.php',
  data   : 'page=112',
  success:function(msg)
  {
   alert(msg);
   a= msg;
  }
 })
 alert(a);
}
//test.php
sleef('5'); //休息五分钟
echo 'in';
/*
 这个程序运行情况是  先打印1(a=1) 然后五秒过后 打印 in
 根据这个情况就可以知道 jquery 的ajax的执行流程 
 因为是异步调用
 以前就是这样给一个变量赋值  不管怎么弄都是不对的。最后就发现这个问题
 参数async改为false就为同步调用 当ajax返回结果后程序才继续执行
*/
Nach dem Login kopieren

Hier ist der Standardeinstellungswert von async true. Dies bedeutet, dass Ajax die Anforderung sendet. Es wartet auf die Rückkehr des Servers. Während dieses Vorgangs führt die Rezeption das Skript hinter dem Ajax-Block weiter aus, bis der Server das richtige Ergebnis zurückgibt . Ein Thread nach dem Ajax-Block sendet die Anfrage und der Ajax-Block. Das folgende Skript (ein anderer Thread) Beispiel:
Beispiel 3

Der Code lautet wie folgt:

$.ajax({  
          type:"POST", 
         url:"Venue.aspx?act=init", 
           dataType:"html", 
          success:function(result){   //function1()
             f1(); 
             f2(); 
        } 
         failure:function (result) {  
            alert('Failed');  
         }, 
  } 
  function2();
Nach dem Login kopieren

Im obigen Beispiel bleibt der Ajax-Block, wenn er eine Anfrage stellt, in Funktion1() und wartet auf die Rückkehr vom Server, aber gleichzeitig (während dieses Wartevorgangs) führt der Vordergrund Funktion2() aus Das heißt, zu diesem Zeitpunkt werden zwei Threads angezeigt. Nennen wir sie hier function1() und function2.
Wenn asyn auf false gesetzt ist, ist die Ajax-Anfrage synchron Wenn der Ajax-Block die Anforderung sendet, wartet er bei Funktion1() und führt Funktion2() nicht aus, bis der Teil Funktion1() ausgeführt wird. Während AJAX wird der gesamte Code auf der Seite nicht mehr geladen und die Seite wird nicht mehr geladen Wenn der AJAX-Status abgeschlossen ist, werden andere Codes weiterhin ausgeführt und der Suspendierungsstatus wird freigegeben. Andere Codes können ausgeführt werden, während der AJAX-Code ausgeführt wird

Verwandte Empfehlungen:

asynchrone und verzögerte Verwendung in Skript-Tags

Ausführliche Erklärung der async+await-Synchronisations-/asynchronen Lösung von ES6

Async in Javascript Detaillierte Erklärung der Verwendung

Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel für die Asynchronisierung von Ajax-Attributen in jQuery. 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