Ajax-Eigenschaften und Probleme mit verstümmeltem Code (grafisches Tutorial)

Der vollständige Name von Ajax ist asynchrones Javascript und XML, also asynchrones JS und XML. Es handelt sich um einen asynchronen Teilaktualisierungsvorgang. In diesem Artikel werden die Eigenschaften von Ajax und das Problem verstümmelter Zeichen vorgestellt. Interessierte Freunde sollten einen Blick darauf werfen

Der vollständige Name von Ajax ist asynchrones Javascript und XML, also asynchrones JS und XML. Es handelt sich um einen asynchronen Teilaktualisierungsvorgang.

Jeder weiß, dass Ajax an sich Single-Threaded und synchron ist, aber die meisten Leute wissen nicht, warum ein Single-Thread asynchron sein kann. Lassen Sie es uns von Zhang Yanni erklären (nicht sehr offiziell, aber sehr). leicht zu verstehen):

Bevor ich es erkläre, möchte ich Ihnen die lineare Datenstruktur erläutern. Wir können uns eine einzelne lineare Datenstruktur als ein Liniensegment vorstellen Alle wissen, dass ein einzelner Thread ein Liniensegment ist. Es gibt keinen vorderen Bereich im Kopf und keinen hinteren Bereich im Schwanz. Jedes Element in der Mitte hat zwei Elemente davor und danach und es dir gleichzeitig sagen. Und ohne ein einziges Element geht es gar nicht.

Die Rückruffunktion übergibt Funktion A als Parameter an Funktion B und Funktion B führt Funktion A aus. Die häufigsten Verwendungszwecke von Rückruffunktionen sind die Funktionen success() und error(), die wir beim Anfordern von Daten mit Ajax verwenden, sowie der erste Parameter in setInterval, der ebenfalls Rückruffunktionen verwendet. Rückruffunktion, Rückruffunktion, die wörtliche Bedeutung von Rückruf besteht darin, sich umzudrehen und diesen Weg erneut zu gehen. Ajax dreht sich also um und geht erneut, wenn die Rückruffunktion success() oder error ausgelöst wird, und ist dann asynchron. Gleichzeitig gibt es ein es6-Versprechen (asynchroner synchroner Betrieb).

Der Prozess des Browsers ist ein Multiprozessprozess. Warum ist er derselbe, warum Sie ihn XXX nennen?

Die zweite Frage ist, wann das allmächtige Front-End auf Ajax trifft, um es zu erhalten Hintergrunddaten Jeder sollte verwirrt sein, was der verstümmelte Code ist.
-Vielleicht liegt es an der Internetgeschwindigkeit, das Internet ist zu langsam.

-Vielleicht ist das Codierungsformat nicht einheitlich, deine Backend-Brüder haben dich ausgetrickst, hahahaha

Kannst du dich an den nativen Ajax-Code erinnern? Code:

//1.创建xmlhttpRequest对象
var xhr;
try{
   xhr = new XMLHttpRequest();
   console.log(5555)
}
catch(e){
//ie浏览器低版本兼容
   xhr = new ActiveXobject("Microsoft.XMLHTTP");
}
finally{
  console.log(1111)
}
// try{} catch{} finally{}在这里是处理异常的方法，用if{}else{}也ok 
//if(window.XMLHttpRequest){
 // xhr = new XMLHttpRequest();
//  }else{
  //ie浏览器低版本的兼容
 // xhr = new ActiveXobject("Microsoft.XMLHTTP")
//}
//2.建立异步连接
xhr.open("get","url/+string",true/false);//true是异步，false是同步
//xhr.open("post","url",true/false)
//3.发送异步请求
 xhr.send(null);//get
 xhr.send(string);//post
//4.获取返回数据
 xhr.onreadystatechange = function (){
  if((xhr.readystate)==4&&(xhr.status==200)){
   var data = xhr.responseText;
   var data = JSON.parse(data);
   show(data);
}
}
function show(data){
 document.getElementById("p1").innerHTML = data;
}

Das Obige habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

Eine Zusammenfassung der Vor- und Nachteile von Ajax

Detaillierte Erläuterung der Schritte zur Verwendung von Ajax

Detaillierte Erläuterung der Interaktion zwischen Ajax() und dem Hintergrund

Das obige ist der detaillierte Inhalt vonAjax-Eigenschaften und Probleme mit verstümmeltem Code (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!