So ändern Sie ein DIV in AJAX

Ändern ein DIV in AJAX ist keine leichte Aufgabe. Ein DIV, gekennzeichnet durch ein < Div >-Tag, ist die Abkürzung für "Geschäftsbereich" und bezieht sich auf eine separat-entworfenen Abschnitt des Codes. AJAX, ein Akronym für "asynchronous JavaScript and XML," bietet umfangreiche Ressourcen zum Erstellen interaktiver Web-Applikationen. Aber ändern ein DIV in AJAX ist einfach.

Anweisungen

1 Downloaden Sie und installieren Sie das AJAX Control Toolkit auf Ihrem Computer von CodePlex. Jede selbstextrahierende Software-Applikation können Sie das Toolkit, wie WinZip oder 7Zip entpacken.

2 Erstellen Sie eine AJAX-Anwendung mit einem DIV-Bereich und eine Schaltfläche. Sie benötigen den DIV-Abschnitt zur Anzeige der Informationen von einem Server empfangen werden, während die Schaltfläche zum Aufrufen einer Funktion, erforderlich ist, wenn darauf geklickt wird. Sie können die Funktion Namen: loadXMLDoc(). Hier ist der Code für das AJAX-Projekt:

< html >

< Körper >

< Div Id = "MyDiv" >< h2 > lassen Sie AJAX ändern Sie diesen Text < / h2 >< / Div >

< Schaltfläche Typ = "button" onclick="loadXMLDoc()" > Change Content < / Taste >

< / body >

< / html >

3 Fügen Sie den Code unten ein < Script >-Tag in den Head-Abschnitt der Seite enthalten. In diesem Skriptabschnitt wird die loadXMLDoc()-Funktion beim Klicken auf ausführen:

< Head >

< Skript-Typ = "Text/Javascript" >

Funktion loadXMLDoc()

{

.... AJAX-Skript geht hier...

}

< / script >

< / head >

Alles, was Sie tun müssen, ist den Code bearbeiten und klicken, um die DIV-Änderung zu sehen.

Tipps & Warnungen

• Es gibt viele AJAX Tutorials online zur Verfügung damit Sie beherrschen können.