Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der in JS implementierten Ajax-Methode

php中世界最好的语言
Freigeben: 2018-04-24 15:03:25
Original
2655 Leute haben es durchsucht

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);
  });
}
Nach dem Login kopieren

①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都不一样
Nach dem Login kopieren

Beispiel: Paging
ajax('abc.txt',function(str){
    var arr=eval(str);
    alert(arr);
});
Nach dem Login kopieren
<ul id="list">
</ul>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
Nach dem Login kopieren

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!

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