Detaillierte Erläuterung der in JS implementierten Ajax-Methode

Dieses Mal werde ich Ihnen die Methode zur Implementierung von Ajax in JS ausführlich erläutern. Was sind die Vorsichtsmaßnahmen für die Implementierung der Ajax-Methode ? Das Folgende ist ein praktischer Fall .

1. Was ist Ajax? erscheint) Anwendungen:

Benutzerregistrierung

, Online-Chat, Weibo

Funktionen: Daten können nur vom Server gelesen werden (daher müssen wir ein eigenes Serverprogramm AMP konfigurieren)

2. Verwendung von Ajax

1. Grundlagen: Statische TXT-Dateien anfordern und anzeigen

btn.onclick=function(){
  ajax('abc.txt',function(str){
    alert(str);
  });
}

①Kodierung von Dateien in Ajax Es muss mit dem übereinstimmen Kodierung der Seite ② Cachen und Verhindern von Caching (die Vorteile überwiegen die Nachteile, sodass Sie den Cache nicht ständig leeren können)

Caching kann uns helfen, den Netzwerkzugriff zu beschleunigen Diese Datei auf dem Server wird nur einmal gelesen und beim zweiten Mal direkt von Ihrer Festplatte und Ihrem Cache abgerufen, anstatt sie tatsächlich über das Netzwerk anzufordern

Manchmal müssen wir das Caching verhindern (z. B. Etwas auf dem Server ändert sich, aber der Client hat das Original angefordert). Ajax liest vom Server. Alles liegt in Form von Text (String) vor. Wie konvertiert man ihn?

eval() berechnet den Wert im String

ajax('abc.txt?t='+new Date().getTime(),function(str){});
//new Date().getTime()为现在的毫秒数，用户绝对不可能在1毫秒内点两次，所以每次请求的t都不一样

Beispiel: Paging

ajax('abc.txt',function(str){
    var arr=eval(str);
    alert(arr);
});

<ul id="list">
</ul>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>

3. Ajax-Prinzip

HTTP-Anforderungsmethode

1.GET – wird zum Abrufen von Daten verwendet (z. B. zum Durchsuchen von Beiträgen). Fügen Sie die Daten in die zu übermittelnde URL (Website) ein. Geringe Sicherheit, geringe Kapazität, einfache Weitergabe (wird). Senden Sie die URL an andere)

2.POST – wird zum Hochladen von Daten verwendet (z. B. zur Benutzerregistrierung). Die Sicherheit ist durchschnittlich, die Kapazität ist nahezu unbegrenzt. und es ist nicht einfach zu teilen

4. Kapseln Sie Ihre eigene Ajax-Funktion

1. Stellen Sie eine Verbindung zum Server her

3. Senden Sie eine Anfrage

4. Erhalten Sie eine Rücksendung

rreee

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben Weitere verwandte Artikel auf der chinesischen PHP-Website! Empfohlene Lektüre:

JQuery Ajax Analysis Collection

Detaillierte Erläuterung der Verwendung von AJAX-Injection

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der in JS implementierten Ajax-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!