Come modificare un DIV in AJAX

September 9

Come modificare un DIV in AJAX


Modifica di un DIV in AJAX è un compito facile. A DIV, indicato con un tag <div>, è l'abbreviazione di "divisione" e si riferisce ad una sezione separata stile di codice. AJAX, acronimo di "Asynchronous JavaScript and XML", fornisce numerose risorse per la creazione di applicazioni Web interattive. Ma cambiare un DIV in AJAX è semplice.

istruzione

1 Scaricare e installare l'AJAX Control Toolkit sul computer dal CodePlex. È possibile utilizzare qualsiasi applicazione software di estrazione per decomprimere il toolkit, come ad esempio WinZip o 7Zip.

2 Creare un'applicazione AJAX contenente una sezione DIV e un pulsante. Avrete bisogno della sezione DIV per visualizzare le informazioni ricevute da un server, mentre è necessario il pulsante per chiamare una funzione, se si fa clic. Si può chiamare la funzione: loadXMLDoc (). Ecco il codice per il progetto AJAX:

<Html>

<Body>

<Div id = "myDiv"> <h2> Lasciate AJAX cambiare questo testo </ h2> </ div>

<Tipo di pulsante = "button" onclick = "loadXMLDoc ()"> modificare il contenuto </ button>

</ Body>

</ Html>

3 Incollare il codice qui sotto per includere un tag <script> alla sezione head della pagina. In questa sezione script verrà eseguito la funzione loadXMLDoc () quando si fa clic:

<Head>

<Script type = "text / javascript">

Funzione loadXMLDoc ()

{

.... Script di AJAX va qui ...

}

</ Script>

</ Head>

Tutto quello che dovete fare è modificare il codice e fare clic sul pulsante per vedere il cambiamento DIV.

Consigli e avvertenze

  • Ci sono molti tutorial AJAX disponibili on-line per aiutarvi a diventare abili.