Как да подам формуляр без презареждане на страницата (Аякс)

Как да подам формуляр без презареждане на страницата (AJAX)

В тази статия ще опишем как да изпрати форма във фонов режим, без да презаредите страницата (AJAX), с помощта на JQuery, PHP. В резултат на сценария, сървърът ще изпрати данните в JSON формат и клиентът ще получи данни в същия формат.

Уеб хостинг Оценка: 8 от 10 с 325 Оценки

Какво е AJAX

Аякс технология се превърна в неразделна част от WEB 2.0 и сега, успешни уеб сайтове са склонни да се създаде удобство за потребителите. Освен това, технологията Ajax може да повиши скоростта на вашия сайт, се дължи на факта, че потребителят не е необходимо да се презарежда цялата страница да актуализира някои елементи на вашия сайт.

Изпълнение и изпратете формата, без да презаредите страницата

Нашата демонстрационен проект ще се състои от три файла:

Да се ​​създаде първият ни проект файл AJAX наречен index.php със следното съдържание:

Моля, имайте предвид, че методът на изпращането на формуляра имаме поста, задайте ID = "ajax_form" и действие = "". Също така, след като формата сме добавили Разделение в ИД = result_form. Именно в този Разделения ние ще покаже резултатът от форми на обработка.

Необходимо е също така да се създаде втори файл - ajax.js

В ajax.js файл, има два начина: $ ( "# BTN") кликнете и sendAjaxForm .. Първият метод - ключ слушател събитие. Това означава, че когато кликнете върху бутона Изпрати, слушателя се задейства кара втората метод sendAjaxForm.

sendAjaxForm на метод (result_form, ajax_form, URL) предава поле: result_form - това Разделение които ще бъдат предоставени данни, ajax_form - ID на формата и изпращане на URL съобщение - това място action_ajax_form.php който е отговорен за част от файлов сървър (за обработка на формуляри).

Третият файл, наречен action_ajax_form.php

action_ajax_form.php - форма манипулатор на сървъра страна. Например, ние се провери: Ако има променливи в POST поиска името и телефонен номер, а след това ние създаваме масив $ резултат за JSON отговор от сървъра на. След това, масив $ резултат ние преведете JSON обект, за да ajax.js клиент може правилно да получите данните в JSON формат.

Както виждате, за изпълнение на AJAX за изпращане на данните от формуляра, без да презаредите страницата е много проста. Изтеглете формулярите за изходния код на AJAX, можете да следвате връзката. Изтегляне на файлове на вашия локален сървър или хостинг, разопаковането и сложи всички файлове в една директория на сървъра.

Достъпът до личната зона на този сайт