Detaillierte Beispiele für Ajax-Funktionen und Probleme mit verstümmeltem Code

小云云
Freigeben: 2023-03-18 13:24:02
Original
1034 Leute haben es durchsucht

Der vollständige Name von Ajax ist asynchrones Javascript und XML, also asynchrones JS und XML. Es handelt sich um einen asynchronen Teilaktualisierungsvorgang. Dieser Artikel stellt Ihnen die Eigenschaften von Ajax und das Problem verstümmelter Zeichen vor. Ich hoffe, er kann Ihnen helfen.

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 einfach). zum Verständnis):

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, das einen Anfang und ein Ende hat 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. Wenn ein Element fehlt, werden zwei Elemente erkannt Du gleichzeitig. 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 über 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. Wenn die Rückruffunktion success() oder error ausgelöst wird, dreht sich Ajax um und ist dann asynchron. Gleichzeitig gibt es ein es6-Versprechen (asynchroner synchroner Betrieb).

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

Die zweite Frage ist, wann das universelle Front-End auftritt Ajax-Erfassung Jeder sollte verwirrt sein, warum die Hintergrunddaten verstümmelt sind.
-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;
}
Nach dem Login kopieren

Verwandte Empfehlungen:

Beispielmethode für handschriftliches Ajax zur Implementierung einer asynchronen Aktualisierung

Beispielanalyse der asynchronen Anforderungstechnologie von Ajax

Über die Implementierungsmethode zum Laden des Warteeffekts, bevor Ajax Daten zurückgibt

Das obige ist der detaillierte Inhalt vonDetaillierte Beispiele für Ajax-Funktionen und Probleme mit verstümmeltem Code. 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