Um Ihnen zu helfen, die Funktionsweise von AJAX zu verstehen, haben wir eine kleine AJAX-Anwendung erstellt:
Die obige AJAX-Anwendung enthält ein Div und eine Schaltfläche.
Der div-Abschnitt wird verwendet, um Informationen vom Server anzuzeigen. Wenn auf die Schaltfläche geklickt wird, ist sie für den Aufruf einer Funktion namens „loadXMLDoc()“ verantwortlich:
< div id = " myDiv " > < h2 > Verwenden Sie AJAX, um den Textinhalt zu ändern </ h2 > </ div > < -Taste Typ = „ Schaltfläche “ onclick = " loadXMLDoc() " > Inhalt ändern </ button >Fügen Sie als Nächstes ein <script>-Tag zum Kopfbereich der Seite hinzu. Dieses Tag enthält die Funktion „loadXMLDoc()“:
<Kopf> < script > function loadXMLDoc(){ .... AJAX-Skriptausführung...} </ script > </ Kopf >In den folgenden Kapiteln erfahren Sie, wie AJAX funktioniert.