JQuery Ajax asynchrone code met php

Jquery AJAX is hij Javascript framework-ondersteuning voor asynchrone verwerking van verzoeken aan de webserver.
Het wordt gebruikt voor het maken van dynamische webpagina's. Deze applicaties of webpagina's draaien op de client, de browser van de gebruiker, terwijl de asynchrone communicatie met de server op de achtergrond behouden blijft, op deze manier kan een verzoek aan de server worden gedaan om het te verwerken en de verwerkte informatie te ontvangen zonder dat de gebruiker de pagina hoeft te wijzigen of te moeten verversen, is het ook transparant voor de gebruiker, aangezien hij niet ziet naar welke pagina het verzoek is gedaan.
Laten we een functie maken om een ​​database te raadplegen vanuit een webformulier
We maken een web met een formulier dat we index.html zullen noemen

 
 
 
Naam:
 
 

 
 
Stad:
 
 

 
 
 
 
 

 

Het resultaat is een html-formulier met de velden die gedetailleerd zijn, waarna de functie infoclientes () later wordt gemaakt.

We creëren nu de klantendatabase die we als voorbeeld zullen gebruiken om te raadplegen:

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

We voegen enkele gegevens in de database in:

We creëren nu een klanten.php-bestand om op naam te zoeken en om de stad naar ons terug te sturen, het kan worden geraadpleegd door elk ander veld of meerdere velden die in het formulier zijn ingevoerd.

De Ajax-functie die we nu nodig hebben, zodat we vanuit het formulier het php-bestand kunnen aanroepen en het verzoek aan de server kunnen doen. Daarin creëren we de functie infoclientes () die we in behandeling hadden gelaten.

Wanneer we de webindex.html uitvoeren, kunnen we het naamveld schrijven en op raadplegen klikken, dit brengt ons het resultaat dat is opgeslagen in de info div en in het tekstvak; zonder de pagina te verversen.

Als we Firebug hebben, kunnen we de verzoeken zien, hoe lang ze duren, welke parameters werden gebruikt en wat de reactie van de server was. In dit geval duurde het 30 duizendsten van een seconde om op de server te draaien en opnieuw in de browser te worden weergegeven.

Het gebruik van jQuery en ajax maakt het mogelijk om de bruikbaarheid van de applicatie te verbeteren, er wordt een hogere snelheid verkregen, dit omdat het niet nodig is om de hele pagina opnieuw te openen en de gebruiker te laten wachten.
Informatie kan naar behoefte op verschillende manieren worden opgevraagd en weergegeven.Vond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven