Nwlapcug.com


Come modificare un DIV in AJAX

Come modificare un DIV in AJAX


Cambiando un DIV in AJAX è un compito facile. Un DIV, denotato da un tag < div >, è l'abbreviazione di "divisione" e si riferisce a una sezione di codice in stile separatamente. AJAX, acronimo di "asynchronous JavaScript and XML," fornisce ampie risorse per la creazione di applicazioni Web interattive. Ma cambiare un DIV in AJAX è semplice.

Istruzioni

1

Scarica e installa l'AJAX Control Toolkit sul tuo computer dal sito Web CodePlex. È possibile utilizzare qualsiasi applicazione software autoestraente per decomprimere il toolkit, come WinZip o 7Zip.

2

Creare un'applicazione AJAX che contiene una sezione DIV e un pulsante. Avrete bisogno la sezione DIV per visualizzare le informazioni ricevute da un server, mentre il pulsante è necessario chiamare una funzione, se si fa clic su. Si potrebbe denominare la funzione: loadXMLDoc(). Ecco il codice per il progetto di AJAX:

< html >

< corpo >

< div id = "myDiv" >< h2 > Let AJAX modificare questo testo < / h2 >< / div >

< pulsante di tipo = "button" onclick="loadXMLDoc()" > modifica contenuto < / button >

< / body >

< / html >

3

Incollare il codice riportato di seguito per includere un tag < script > alla sezione head della pagina. In questa sezione script verrà eseguita la funzione loadXMLDoc() quando cliccato:

< head >

< script type = "text/javascript" >

funzione loadXMLDoc()

{

.... Script AJAX va qui...

}

< / script >

< / head >

Tutto quello che dovete fare è modificare il codice e fare clic sul pulsante per visualizzare la modifica DIV.

Consigli & Avvertenze

  • Ci sono molti AJAX tutorial disponibili online per aiutarti a diventare abili.