Jquery Ajax asynkron kod med php

Jquery AJAX Är han Javascript -ramstöd för asynkron behandling av förfrågningar till webbservern.
Den används för att skapa dynamiska webbsidor, Dessa applikationer eller webbsidor körs på klienten, användarnas webbläsare samtidigt som asynkron kommunikation med servern bibehålls i bakgrunden, på så sätt kan en begäran göras till servern om att behandla den och ta emot den behandlade informationen utan att användaren ändrar sidan eller behöver uppdatera, är den också transparent för användaren, eftersom han inte ser till vilken sida begäran gjordes.
Låt oss skapa en funktion för att konsultera en databas från ett webbformulär
Vi skapar en webb med ett formulär som vi kommer att kalla index.html

 
 
 
Namn:
 
 

 
 
Stad:
 
 

 
 
 
 
 

 

Resultatet blir ett html -formulär med de detaljerade fälten, sedan skapas infoclientes () -funktionen senare.

Vi skapar nu kunddatabasen som vi kommer att använda som ett exempel för att konsultera:

 SKAPA TABELL `kunder`` kunder` (`id` INT (10) NOT NULL AUTO_INCREMENT,` name` VARCHAR (255) NOT NULL, `city` VARCHAR (255) NOT NULL, PRIMARY KEY (` id`)) ENGINE = INNODB; 

Vi sätter in några data i databasen:

Vi skapar nu en customers.php -fil för att fråga efter namn och för att lämna tillbaka staden till oss, den kan konsulteras av alla andra fält eller flera som anges i formuläret.

Ajax -funktionen nu när vi behöver så att vi från formuläret kan åberopa php -filen och göra förfrågan till servern. I den skapar vi funktionen infoclientes () som vi hade kvar väntande.

När vi kör webbindex.html kan vi skriva namnfältet och klicka på konsulter, detta ger oss resultatet som lagras i informationsdiv och i textrutan; utan att ha uppdaterat sidan.

Om vi ​​har Firebug kan vi se förfrågningarna, hur lång tid de tar, vilka parametrar som användes och vad var servern svar, i det här fallet tog denna fråga 30 tusendelar av en sekund att köra på servern och visas igen i webbläsaren.

Användningen av jquery och ajax gör det möjligt att förbättra applikationens användbarhet, det uppnås högre hastighet, detta eftersom det inte är nödvändigt att returnera hela sidan igen och få användaren att vänta.
Information kan efterfrågas och visas på olika sätt efter behov.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng