✅ Asynchroniczny kod Jquery Ajax z php

Spisie treści

JQuery AJAX czy on jest Obsługa JavaScript framework do asynchronicznego przetwarzania żądań do serwera WWW.
Służy do tworzenia dynamicznych stron internetowych, te aplikacje lub strony internetowe uruchamiane są na kliencie, w przeglądarce użytkownika przy zachowaniu asynchronicznej komunikacji z serwerem w tle, w ten sposób można skierować do serwera żądanie przetworzenia i otrzymywać przetworzone informacje bez zmiany strony lub konieczności odświeżania przez użytkownika, jest to również przejrzyste dla użytkownika, ponieważ nie widzi, do której strony zostało wysłane żądanie.
Stwórzmy funkcję do przeglądania bazy danych z formularza internetowego
Tworzymy sieć z formularzem, który nazwiemy index.html

 
 
 Nazwa:   

 
 Miasto:

Wynikiem będzie formularz html z wyszczególnionymi polami, następnie funkcja infoclientes() zostanie utworzona później.

Tworzymy teraz bazę danych Klientów, którą posłużymy się jako przykład do konsultacji:

 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;

Wstawiamy dane do bazy danych:

Teraz tworzymy plik customers.php do zapytania po nazwie i zwrócenia nam miasta, może być konsultowany przez dowolne inne pole lub kilka wpisanych w formularzu.

Funkcja Ajax jest teraz potrzebna, aby z formularza można było wywołać plik php i wysłać żądanie do serwera. W nim tworzymy funkcję infoclientes(), którą zostawiliśmy w toku.

Kiedy wykonujemy web index.html, możemy wpisać pole nazwy i kliknąć konsultować, co daje nam wynik, który jest przechowywany w div informacji iw polu tekstowym; bez odświeżania strony.

Jeśli mamy Firebuga, możemy zobaczyć żądania, jak długo trwają, jakie parametry zostały użyte i jaka była odpowiedź serwera, w tym przypadku zapytanie to zajęło 30 tysięcznych sekundy na serwerze i zostało ponownie wyświetlone w przeglądarce.

Zastosowanie jquery i ajax pozwala poprawić użyteczność aplikacji, uzyskuje się większą szybkość, ponieważ nie trzeba ponownie zwracać całej strony i zmuszać użytkownika do czekania.
W razie potrzeby informacje można wyszukiwać i wyświetlać na różne sposoby.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt