Jquery Ajax asynchroner Code mit php

Jquery AJAX ist er Unterstützung des Javascript-Frameworks zur asynchronen Verarbeitung von Anfragen an den Webserver.
Es wird für die Erstellung dynamischer Webseiten verwendet. Diese Anwendungen oder Webseiten laufen auf dem Client, dem Browser des Benutzers, während im Hintergrund eine asynchrone Kommunikation mit dem Server aufrechterhalten wird, auf diese Weise kann eine Anfrage an den Server gestellt werden, sie zu verarbeiten und die verarbeiteten Informationen zu erhalten, ohne dass der Benutzer die Seite wechselt oder aktualisieren muss, ist es auch für den Benutzer transparent, da er nicht sieht, auf welche Seite die Anfrage gestellt wurde.
Lassen Sie uns eine Funktion erstellen, um eine Datenbank von einem Webformular aus abzufragen
Wir erstellen ein Web mit einem Formular, das wir index.html . nennen

 
 
 
Name:
 
 

 
 
Stadt:
 
 

 
 
 
 
 

 

Das Ergebnis ist ein HTML-Formular mit den detaillierten Feldern, dann wird später die Funktion infoclientes() erstellt.

Wir erstellen nun die Clients-Datenbank, die wir als Beispiel für die Abfrage verwenden werden:

 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; 

Wir fügen einige Daten in die Datenbank ein:

Wir erstellen jetzt eine Datei customers.php, um nach Namen abzufragen und die Stadt an uns zurückzugeben.

Die Ajax-Funktion, die wir jetzt benötigen, damit wir aus dem Formular die PHP-Datei aufrufen und die Anfrage an den Server stellen können. Darin erstellen wir die Funktion infoclientes(), die wir ausstehend gelassen hatten.

Wenn wir die web index.html ausführen, können wir das Namensfeld schreiben und auf Consult klicken. Dies bringt uns das Ergebnis, das im Info-Div und im Textfeld gespeichert wird; ohne die Seite aktualisiert zu haben.

Wenn wir Firebug haben, können wir die Anfragen sehen, wie lange sie dauern, welche Parameter verwendet wurden und wie die Antwort des Servers war. In diesem Fall dauerte diese Anfrage 30 Tausendstelsekunden, um auf dem Server ausgeführt und erneut im Browser angezeigt zu werden.

Die Verwendung von jquery und ajax ermöglicht es, die Benutzerfreundlichkeit der Anwendung zu verbessern, es wird eine höhere Geschwindigkeit erreicht, da es nicht erforderlich ist, die gesamte Seite erneut zurückzugeben und den Benutzer warten zu lassen.
Informationen können je nach Bedarf auf unterschiedliche Weise abgefragt und angezeigt werden.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben