funzioni AJAX permettono pagine Web per aggiornare il contenuto HTML , senza che l'utente debba aggiornare la pagina o passare a una pagina diversa . Il codice HTML di una pagina può chiamare una funzione JavaScript, che a sua volta può richiamare uno script PHP . Lo script PHP in grado di recuperare i dati aggiuntivi , a volte da un database e formattata in XML markup , tornando a questo la funzione JavaScript . Il codice JavaScript può quindi scrivere questi nuovi dati nel codice HTML , facendo nuove informazioni appaiono come l'utente interagisce con la pagina web. Istruzioni
Creare un nuovo documento HTML . Digitare il seguente codice in un file vuoto con un editor di testo e assegnare al file un'estensione se si salva "html ". :
Testo < tipo di script = " /javascript " > Funzione ProcessData ( ) { //recuperare i nuovi dati } < /script> < /head>
Alcuni contenuti < /div > < ingresso tipo = valore " pulsante " = " premere me" onclick = " ProcessData ( ) " /> < /body> < /html >
Quando l' utente fa clic sul pulsante visualizzato in questa pagina , il browser si chiama la funzione Javascript nella sezione head della pagina .
2
Crea un oggetto XMLHttpRequest . Aggiungere il seguente codice all'interno della funzione javascript :
var XMLHTTP ; se ( window.XMLHttpRequest ) { XMLHTTP = new XMLHttpRequest ( ) ; } else { XMLHTTP = new ActiveXObject ( " Microsoft.XMLHTTP ");}
Questo permette la pagina Web per gestire i vari browser .
3
Invia la tua richiesta di dati a uno script PHP . Aggiungere il seguente codice all'interno della funzione JavaScript , lasciando spazio per il codice prima che :
xmlhttp.open ( "GET " , " get_data.php " , true); xmlHTTP.send ( ) ;
Questo indica al browser di richiedere ulteriori informazioni allo script PHP specificato .
4
Crea il tuo script PHP . Aprire un nuovo file in un editor di testo e salvarlo come " get_data.php " per abbinare il parametro per il metodo di invio utilizzato nel codice JavaScript . Digitare il seguente codice di esempio : < ? ? Phpecho "Nuovi dati " ; >
Questo è un semplice esempio per la dimostrazione , ma è possibile aggiungere qualsiasi elaborazione PHP è necessario , tra cui le query di database . È inoltre possibile creare il testo di risposta in XML markup se questo si adatta al vostro sito .
5
gestire la risposta dal tuo script PHP . Nella funzione javascript , prima della riga in cui si apre l' oggetto XMLHttpRequest , aggiungere il seguente codice :
xmlHTTP.onreadystatechange = function () {if ( xmlHTTP.readyState == 4 && xmlHTTP.status == 200 ) { //gestisce i dati di risposta } }
Quando JavaScript riceve una risposta dal script PHP , questo codice verrà eseguito . Il codice di verifica che la risposta è valida . All'interno di questa istruzione condizionale , è possibile aggiungere il codice per scrivere i nuovi dati nella pagina HTML .
6
aggiornare il contenuto della pagina . Nella dichiarazione condizionale risposta JavaScript , aggiungere il seguente codice : .
Document.getElementById ( " update " ) innerHTML = xmlHTTP.responseText ;
Questo codice identifica l'elemento div nella pagina e quindi scrive il testo di risposta da parte del codice PHP in esso.
7
salvare i file e caricarli sul tuo server. Passare alla pagina e fare clic sul pulsante per controllare che la funzione lavora . Si dovrebbe vedere il contenuto del cambiamento elemento div .
