Cod asincron Jquery Ajax cu php

Jquery AJAX este el Suport cadru Javascript pentru procesarea asincronă a cererilor către serverul web.
Este utilizat pentru crearea de pagini web dinamice, aceste aplicații sau pagini web rulează pe client, browserul utilizatorilor, menținând în același timp o comunicare asincronă cu serverul în fundal, în acest fel se poate face o cerere către server pentru procesarea acestuia și să primească informațiile procesate fără ca utilizatorul să schimbe pagina sau să trebuiască să reîmprospăteze, acestea sunt, de asemenea, transparente pentru utilizator, deoarece nu vede pe ce pagină a fost făcută solicitarea.
Să creăm o funcție pentru a consulta o bază de date dintr-un formular web
Creăm un web cu un formular pe care îl vom numi index.html

 
 
 
Nume:
 
 

 
 
Oraș:
 
 

 
 
 
 
 

 

Rezultatul va fi un formular html cu câmpurile detaliate, apoi funcția infoclientes () va fi creată ulterior.

Acum creăm baza de date Clienți pe care o vom folosi ca exemplu pentru a consulta:

 CREAȚI TABELUL „clienți“ clienți ”(„ id ”INT (10) NOT NULL AUTO_INCREMENT,` name` VARCHAR (255) NOT NULL, `city` VARCHAR (255) NOT NULL, PRIMARY KEY (` id`)) MOTOR = INNODB; 

Inserăm câteva date în baza de date:

Acum creăm un fișier customers.php pentru a interoga după nume și pentru a ne returna orașul, acesta putând fi consultat de orice alt câmp sau mai multe care sunt introduse în formular.

Funcția Ajax acum că avem nevoie, astfel încât din formular să putem invoca fișierul php și să facem cererea către server. În el creăm funcția infoclientes () pe care o lăsasem în așteptare.

Când executăm indexul web.html putem scrie câmpul de nume și faceți clic pe consultați acest lucru ne aduce rezultatul care este stocat în divizia de informații și în caseta de text; fără a fi reîmprospătat pagina.

Dacă avem Firebug putem vedea solicitările, cât durează, ce parametri au fost folosiți și care a fost răspunsul serverului, în acest caz această interogare a durat 30 de miimi de secundă pentru a rula pe server și a fi afișată din nou în browser.

Utilizarea jQuery și ajax permite îmbunătățirea utilizabilității aplicației, se obține o viteză mai mare, asta pentru că nu este necesar să se returneze din nou întreaga pagină și să se determine utilizatorul să aștepte.
Informațiile pot fi interogate și afișate în moduri diferite, după cum este necesar.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv