PHP viene interpretato ed eseguito sul server, mentre il codice JavaScript viene eseguito sul client. Ciò significa che il codice JavaScript verrà eseguito sul computer dell'utente dopo la pagina viene inviato al browser. Tuttavia, Ajax rende possibile per voi di inserire un po 'di codice PHP in JavaScript. Ajax è un tipo di comunicazione asincrona del server e si riferisce a Asynchronous JavaScript e XML, che ha inaugurato in Web 2.0. Utilizzando Ajax non si dispone di aggiornare le pagine web per ottenere informazioni dal server.

istruzione

1 Creare un nuovo file HTML. Vai a "Start-> Tutti i programmi-> Dreamweaver" per avviare Dreamweaver, se questo è il vostro editor HTML, o aprire un editor di testo come Blocco note. Fai clic su "File-> Nuovo" per creare un nuovo file HTML. Inserire un nome e scegliere una posizione per il nuovo file HTML. Definire una nuova sezione div nella pagina HTML che mostrerà i risultati di una query.

2 Creare una funzione JavaScript che iniziano con <script language = tipo "javascript" = "text / javascript">. Creare una funzione che rende Ajax possibile. Creare un'altra funzione che richiedere i dati dal server. Il codice è il seguente:

<Script language = tipo "javascript" = "text / javascript">

<! -

Funzione ajaxFunction () {

var ajaxRequest; // The variable that makes Ajax possible!

provare{

ajaxRequest = new XMLHttpRequest ();

}

catch (e) {alert ( "Il tuo browser è rotto!");

return false;

}

3 Definire le variabili per contenere i dati dal server. Chiamare il file PHP che contiene le informazioni richieste utilizzando la funzione ajaxRequest.open. Il codice è il seguente:

ajaxRequest.open ( "GET", "Ajax-example.php" + queryString, true);

ajaxRequest.send(null);

4 Definire una funzione che riceverà informazioni restituite dal server:

ajaxRequest.onreadystatechange = function(){

se (== ajaxRequest.readyState 4) {

var ajaxDisplay = document.getElementById ( 'ajaxDiv');

ajaxDisplay.innerHTML = ajaxRequest.responseText;

}

}

5 Visualizzare le informazioni restituite dalla chiamata di PHP in una forma. Fai clic su "File-> Salva" per salvare il file HTML. Ora si è creato un nuovo modulo utilizzando sia Javascript e file PHP. Il codice viene illustrato come segue:

<Input type = 'tasto' onclick = 'ajaxFunction) (' value = 'Query MySQL' />

</ Form>

<Div id = 'ajaxDiv'> Il risultato viene visualizzato qui </ div>