Spisie treści
Jednym z głównych zastosowań, które są dane Ajaxowi, jest wysyłanie danych na serwer, do tego używamy formularzy HTML5Dzięki temu nasze skrypty serwerowe mogą dokonywać obliczeń, walidacji, przetwarzania, aktywować inne skrypty itp. Wszystko, czego wymagają nasze potrzeby.W ten sposób uzyskujemy odpowiedzi na prośby w naszych dokumentach, unikając przeładowywania całej strony, usprawniając nawigację i tworząc znacznie bardziej optymalne i interaktywne efekty dla użytkownika wchodzącego na naszą stronę.
Wysyłanie danych formularza
Jak wspomnieliśmy wcześniej, korzystanie z formularzy jest kluczem do przesyłania danych na serwer, jednym z najczęstszych sposobów jest samodzielne zbieranie informacji i formatowanie ich tak, aby były dostępne do wysłania.
Zobaczmy następujący kod, za pomocą którego możemy zilustrować i zdefiniować to, co wyjaśniamy w tej części teoretycznej:
PrzykładBanany:Jabłka:Wiśnie:Całkowity:0 pozycjiPrześlij formularz
W tym kodzie mamy po prostu formularz z kilkoma polami wejściowymi, w bloku, w którym zaczynają się etykiety, widzimy, jak pobieramy dane z formularza i iterujemy z każdym znalezionym wejściem, abyśmy mogli nimi manipulować i dodawać je do zmienna, która będzie zawierać ciąg znaków z każdą z danych, ten ciąg wygląda podobnie do tego:
banany = 2 & jabłka = 5 & wiśnie = 20 &.
Następnie możemy przekazać te dane przez POCZTA na nasz serwer i na koniec otrzymana odpowiedź jest wkomponowana w element o określonym identyfikatorze, dzięki czemu możemy wprowadzić zmianę na stronie bez konieczności jej całkowitego odświeżania.
Zobaczmy na poniższym obrazku, jak wyglądałoby to w naszej przeglądarce:
POWIĘKSZAĆ
Możemy zauważyć, że pozwala nam to aktualizować ilość elementów, które umieszczamy w polach wejściowych, tworząc w ten sposób efekt asynchroniczny, który nadaje naszej stronie lub dokumentowi więcej bogactwa i interaktywności. HTML5.Na tym kończymy ten samouczek, ponieważ widzimy, że wdrożenie rozwiązania jest dość łatwe Ajaks Dzięki temu możemy przesyłać dane na serwer, bez konieczności generowania nowego dokumentu, a tym samym uniknąć ponownego ładowania strony i utraty kontekstu tego, co użytkownik może zobaczyć na swoim ekranie.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt