HTML5 - Ajax, изпращане на формуляр

Едно от основните приложения, които се дават на Ajax, е изпращането на данни към сървъра, за това ние използваме формите на HTML5С това нашите сървърни скриптове могат да правят изчисления, валидации, обработка, да активират други скриптове и т.н. Всичко, от което се нуждаят нашите нужди.
По този начин ние постигаме отговори на искания в нашите документи, като избягваме презареждането на цялата страница, подобряваме навигацията и създаваме много по -оптимални и интерактивни ефекти за потребителя, който влиза в нашия сайт.
Изпращане на данни от формуляра
Както споменахме по -рано, използването на формуляри е ключово за изпращане на данни до сървъра, един от най -често срещаните начини е да събираме информацията сами и да я форматираме, по този начин тя би била достъпна за изпращане.
Нека да видим следния код, с който можем да илюстрираме и дефинираме какво обясняваме в този теоретичен раздел:

 ПримерБанани:Ябълки:Череши:Обща сума:0 артикулаПодай формуляр 

В този код просто имаме формуляр с няколко полета за въвеждане, в блока, където започват етикетите, виждаме как вземаме данните от формуляра и повторяваме с всеки вход, който намерим, за да можем да ги манипулираме и да ги добавим към променлива, която ще съдържа низ с всяка от данните, този низ изглежда подобно на това:
банани = 2 & ябълки = 5 & череши = 20 &.
След това можем да предадем тези данни чрез POST към нашия сървър и накрая полученият отговор е включен в елемент с конкретен идентификатор, с това можем да въведем промяна на страницата, без да се налага да я опресняваме напълно.
Нека видим на следното изображение как би изглеждало това в нашия браузър:

Увеличете

Можем да забележим, че това ни позволява да актуализираме количеството елементи, които поставяме в полетата за въвеждане, като по този начин създаваме асинхронен ефект, който придава повече богатство и интерактивност на нашата страница или документ. HTML5.
С това завършваме този урок, тъй като виждаме, че е доста лесно да се приложи решение Аякс Това ни позволява да изпращаме данни до сървъра, без да е необходимо да генерираме нов документ и по този начин да избегнем презареждане на страницата и загуба на контекста на това, което потребителят може да види на екрана си.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка