Codice asincrono Jquery Ajax con php

Jquery AJAX è lui Supporto del framework Javascript per l'elaborazione asincrona delle richieste al server web.
Viene utilizzato per la creazione di pagine Web dinamiche, Queste applicazioni o pagine Web vengono eseguite sul client, il browser degli utenti mantenendo la comunicazione asincrona con il server in background, in questo modo è possibile inviare una richiesta al server per elaborarlo e ricevere le informazioni elaborate senza che l'utente cambi pagina o debba aggiornare, è trasparente anche per l'utente, poiché non vede a quale pagina è stata fatta la richiesta.
Creiamo una funzione per consultare un database da un form web
Creiamo un web con un form che chiameremo index.html

 
 
 
Nome:
 
 

 
 
Città:
 
 

 
 
 
 
 

 

Il risultato sarà un form html con i campi che sono dettagliati, poi verrà creata la funzione infoclientes().

Creiamo ora il database Clienti che utilizzeremo come esempio per consultare:

 CREATE TABLE `clienti`` clienti` (`id` INT (10) NOT NULL AUTO_INCREMENT,` name` VARCHAR (255) NOT NULL, `city` VARCHAR (255) NOT NULL, PRIMARY KEY (` id`)) ENGINE = INNODB; 

Inseriamo alcuni dati nel database:

Creiamo ora un file clients.php da interrogare per nome e per restituirci la città, può essere consultato da qualsiasi altro campo o da più campi inseriti nel form.

La funzione Ajax ora di cui abbiamo bisogno in modo che dal form possiamo invocare il file php e fare la richiesta al server. In esso creiamo la funzione infoclientes() che avevamo lasciato in sospeso.

Quando eseguiamo il web index.html possiamo scrivere il campo del nome e fare clic su consulta questo ci porta il risultato che viene memorizzato nell'info div e nella casella di testo; senza aver aggiornato la pagina.

Se abbiamo Firebug possiamo vedere le richieste, quanto tempo impiegano, quali parametri sono stati utilizzati e qual è stata la risposta del server, in questo caso questa query ha impiegato 30 millesimi di secondo per essere eseguita sul server ed essere visualizzata nuovamente nel browser.

L'uso di jquery e ajax permette di migliorare l'usabilità dell'applicazione, si ottiene una maggiore velocità, questo perché non è necessario tornare di nuovo tutta la pagina e far aspettare l'utente.
Le informazioni possono essere richieste e visualizzate in diversi modi a seconda delle necessità.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo