Добавить плагину форм опцию возможности AJAX отправки данных

Добавить плагину форм опцию возможности AJAX отправки данных

Задача

Как мы все и думали пришло время разобраться с нашим плагином форм, у него просто огромный функционал, но для полного «фарша» и для создания интерактивных страниц необходимо отправлять форму не обновляя страницу.

С этой проблемой нам может помочь разобраться AJAX, и перед нами встала задача добавить в наш универсальный плагин для создания форм возможность AJAX отправки.

Решение

Для решения этой задачи необходимо было модернизировать функцию обработчика формы, но такое решение очень объемно по трудозатратам, ведь необходимо что бы работала возможность обычной отправки и при необходимости AJAX. Что несомненно повлияло бы на объем кода.

И тогда было решено использовать jQuery Form Plugin, при базовой настройке сразу начинает работать AJAX, но форма при этом никак не перезагружается. Было необходимо добавить какой то callback и добавить в шаблон формы опцию для включения AJAX по необходимости..

Результат

В результате формы прекрасно работают в обычном режиме и с AJAX тоже. В настройках шаблона формы есть опция «Использовать AJAX?» если поставить галочку, для отправки формы будет использоваться AJAX. Так же есть поле для ввода сообщения, которое увидит пользователь после успешной отправки формы. При успешной отправке формы, она скрывается и на ее месте выводится сообщение об успешной отправке данных. Вместе с имеющимися возможностями (например запись UTM меток) это дает огромный потенциал использования плагина в любых ситуациях.

Навыки

Опубликовано:

14.04.2016

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *