March 31
AJAX consente al progettista Web per interrogare un server o il contenuto del display, senza dover aggiornare una pagina Web visualizzata nel browser di un utente. Questo tipo di programmazione riduce il carico sul server Web e spesso accelera il ciclo di sviluppo del codice. È necessario includere le librerie di script AJAX tra l'apertura <head> e di chiusura </ head> tag nella tua pagina, e quindi è possibile creare AJAX query utilizzando jQuery. Un buon primo passo per imparare AJAX e jQuery è quello di creare una finestra pop-up che consente di visualizzare le informazioni per l'utente quando la pagina Web si apre.
1 Aprire Esplora risorse di Windows o il file manager e individuare la pagina Web che si desidera migliorare con il codice AJAX. Fai clic destro sul file e selezionare "Apri con" dal menu contestuale. Scegliete il vostro editor preferito HTML.
2 Includere le librerie jQuery nella testa del documento. Copiare e incollare il seguente codice tra l'apertura <head> e di chiusura </ head> tag:
<Script src = "& lt; / script" rel = "nofollow" target = "_blank"> http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"> & lt; / script >
<Script src = "& lt; / script" rel = "nofollow" target="_blank">http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
3 Creare il codice HTML per lo script jQuery. JQuery richiede tag HTML per aprire, modificare e gestire le finestre di dialogo e il contenuto della pagina. Si crea una finestra in un tag HTML "div" da utilizzare con il codice jQuery. Di seguito crea una finestra che visualizza "Ciao Mondo" del testo:
<Div id = "# popup"> Ciao Mondo </ div>
4 Creare lo script jQuery che si apre la finestra di AJAX dalla pagina Web. Il codice seguente mostra il popup creato nel tag div:
<Script>
$(document).ready(function() {
$("#popup").dialog();
});
</ Script>