Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Ajax-Seiten-Nichtaktualisierungsimplementierung (mit Code)

php中世界最好的语言
Freigeben: 2018-04-04 17:35:58
Original
2925 Leute haben es durchsucht

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Ajax-Seite ohne Aktualisierung (mit Code) geben. Was sind die Vorsichtsmaßnahmen für die Implementierung von Ajax ohne Aktualisierung der Seite? sehen.

ajax (Ajax-Entwicklung)

AJAX steht für „Asynchronous Javascript And XML“ (asynchrones JavaScript und XML), was sich auf eine Webentwicklung bezieht, die interaktive Webanwendungen erstellt Technologie.

AJAX = Asynchrones JavaScript und XML (eine Teilmenge der Standard Universal Markup Language).

AJAX ist eine Technologie zur Erstellung schneller, dynamischer Webseiten.

AJAX ermöglicht die asynchrone Aktualisierung von Webseiten durch den Austausch einer kleinen Datenmenge mit dem Server im Hintergrund. Das bedeutet, dass Teile einer Webseite aktualisiert werden können, ohne dass die gesamte Seite neu geladen werden muss.

Herkömmliche Webseiten (die kein AJAX verwenden) müssen die gesamte Webseite neu laden, wenn der Inhalt aktualisiert werden muss.

Heutzutage verwenden die meisten Websites Ajax, um die Seitenaktualisierung durchzuführen.

Was keine Aktualisierung ist: Ajax kann die Dateninteraktion zwischen der Seite und dem Hintergrund realisieren. Der Benutzer kann überhaupt keine Aktualisierung auf der Seite spüren.

Implementierung der Ajax-Methode:

Sie können Ajax einkapseln, um Aufrufe auf jeder Seite zu erleichtern:

function MyAjax(type, url, callBack, data, dataType, asyncType)
{ 
if (dataType == null) { dataType = "text"; } 
if (asyncType == null) {asyncType = true; } 
$.ajax({ 
type: type, // post或者get 
url: url , //url最好加一个url+Math.random(),这样可以保证每次请求的页面被浏览器视为不同
data: data, //这里是要传递的参数,格式为 data: "{paraName:paraValue}" 
dataType: dataType, //string,xml,script,json,text
async:asyncType, //同步异步true /false 
error: function (XmlHttpRequest, xmlhttp, info) { 
}, 
success: function (result) { 
//回调函数,result,返回值 
callBack(result); 
}, 
}); }
Nach dem Login kopieren

Aufruf: MyAjax('post ', "url?id=" + id, DoOK);

Erklärung: async: true bedeutet asynchron. Diese Methode bedeutet, dass die Rezeption nach dem Senden einer Anforderung durch Ajax weiterhin das Skript hinter dem Ajax-Block ausführt, bis der Server das richtige Ergebnis zurückgibt, was dem Öffnen entspricht zwei Threads. ;false bedeutet Synchronisierung, das heißt, das Frontend wartet auf die Rückgabe von Daten durch den Server, bevor es ausgeführt wird.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Verwendung des XMLHttpRequest-Objekts von AJAX

Wie realisiert Ajax eine lange Verbindung zwischen der Server und der Browser

Ajax und Form+Iframe-Methode zur Implementierung des Datei-Uploads (detaillierte Bild- und Texterklärung)

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Ajax-Seiten-Nichtaktualisierungsimplementierung (mit 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!