Eine kurze Analyse und Lösungen für Ajax-Synchronisierung und asynchrone Probleme

Beim Senden und Empfangen von Daten im Hintergrund über Ajax treten häufig Synchronisations- und Asynchronitätsprobleme auf. In diesem Artikel wird Ihnen eine kurze Analyse der Ajax-Synchronisierung und asynchroner Probleme vorgestellt. Freunde, die sie benötigen, können sich auf

beziehen. Beim Senden und Empfangen von Daten im Hintergrund über Ajax treten häufig Synchronisierungs- und asynchrone Probleme auf. Da Ajax standardmäßig asynchron geladen wird, manchmal jedoch eine Synchronisierung oder ein Synchronisierungseffekt erforderlich ist, gibt es die folgenden zwei Lösungen.

Option 1: Fügen Sie bestimmte Methoden zur Ausführung in die Rückruffunktion ein, d. h. warten Sie vor der Ausführung auf die erfolgreiche Rückkehr aus dem Hintergrund.

Beispiel:

$.getJSON("/data-access/sens-config/IPandPortSel",{},function(resp){
if(resp.code==0){
$.each(resp.data,function(i,obj){
option_net_type += addOption(obj);
});
$("#edit-addr_id").append(option_net_type);
addr_idOld = $('#edit-addr_id').val(addr_id);
}
});

Der rote Teil muss ausgeführt werden, nachdem die Daten erfolgreich zurückgegeben wurden, wenn er außerhalb von if(resp.code==0){} platziert wird. ((aber nach $.getJSON(); platziert) Es kommt zu einer Situation, in der der rote Code ausgeführt wurde, bevor die Daten aus dem Hintergrund zurückgegeben werden.

Methode 2: Standard verwenden Ajax-Übermittlungsmethode <🎜. >

 $.ajax({ 
  type : "post", 
  url : "/data-access/manufacturer/deleteBranch", 
  data : data, 
  async : false,//取消异步 
  success : function(resp){
if(resp.code==0){
if(ids.length>=currentListNum&&currentPage!=1){
currentPage = currentPage - 1;
}
var para = {
mypara :currentPage,
startPage : currentPage,
};
$('p.page-box').data('myPage').setOptions({data: para});
}
  } 
 });

Hinweis: Diese Methode ist nur eine lokale synchrone Übertragungsmethode und hat keinen Einfluss auf andere Übertragungen. Sie ist sicherer und empfohlen. Es gibt einen anderen Weg:

Es gibt einen anderen Weg:

// $.ajaxSettings.async = false;
// $.getJSON("/data-access/ip-config/deleteBranch",data,function(resp){
// if(resp.code==0){
// if(ids.length>=currentListNum&&currentPage!=1){
// currentPage = currentPage - 1;
// }
// var para = {
// mypara :currentPage,
// startPage : currentPage,
// };
// $('p.page-box').data('myPage').setOptions({data: para});
// }
// });
// $.ajaxSettings.async = true;

Dieser Weg ist global und nicht sehr spezifisch um es zu verwenden, da es sich auf andere Ajax-Übertragungen auswirkt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Detaillierte Erklärung der Position. Problem in IE6 behoben

Detaillierte Erklärung der Symbole !important, *, _ in CSS-Stilen

Padding-Produktion Bildadaptives Layout (CSS-Prozentsatz)

Das obige ist der detaillierte Inhalt vonEine kurze Analyse und Lösungen für Ajax-Synchronisierung und asynchrone Probleme. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!