Jquery Ajax asynkron kode med php

Jquery AJAX er han Støtte for Javascript -rammeverk for asynkron behandling av forespørsler til webserveren.
Den brukes til å lage dynamiske websider. Disse programmene eller websidene kjøres på klienten, brukernes nettleser mens asynkron kommunikasjon med serveren opprettholdes i bakgrunnen, på denne måten kan det bli sendt en forespørsel til serveren om å behandle den og motta den behandlede informasjonen uten at brukeren endrer siden eller trenger å oppdatere, er den også gjennomsiktig for brukeren, siden han ikke ser til hvilken side forespørselen ble gjort.
La oss lage en funksjon for å konsultere en database fra et webskjema
Vi lager en web med et skjema som vi vil kalle index.html

 
 
 
Navn:
 
 

 
 
By:
 
 

 
 
 
 
 

 

Resultatet blir et html -skjema med feltene som er detaljerte, så blir infoclientes () -funksjonen opprettet senere.

Vi oppretter nå kundedatabasen som vi vil bruke som et eksempel for å konsultere:

 OPPRETT TABELL `kunders` kunder` (` id` INT (10) IKKE NULL AUTO_INCREMENT, `navn` VARCHAR (255) IKKE NULL,` by` VARCHAR (255) IKKE NULL, PRIMÆR NØKKEL (`id`)) MOTOR = INNODB; 

Vi setter inn noen data i databasen:

Vi oppretter nå en customers.php -fil for å spørre etter navn og for å returnere byen til oss, den kan konsulteres av ethvert annet felt eller flere som er angitt i skjemaet.

Ajax -funksjonen nå som vi trenger, slik at vi fra skjemaet kan påkalle php -filen og sende forespørselen til serveren. I den lager vi funksjonen infoclientes () som vi hadde igjen ventende.

Når vi kjører webindeksen.html kan vi skrive navnefeltet og klikke på konsult. Dette gir oss resultatet som er lagret i infodiv og i tekstboksen; uten å ha oppdatert siden.

Hvis vi har Firebug, kan vi se forespørslene, hvor lang tid de tar, hvilke parametere som ble brukt og hva som var serverens svar. I dette tilfellet tok denne spørringen 30 tusendeler av et sekund å kjøre på serveren og vises igjen i nettleseren.

Bruken av jquery og ajax gjør det mulig å forbedre brukervennligheten til applikasjonen, den oppnås større hastighet, dette fordi det ikke er nødvendig å returnere hele siden igjen og få brukeren til å vente.
Informasjon kan spørres og vises på forskjellige måter etter behov.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng