Рамка лайтбокса Jquery

Question

Я создаю новый сайт и хотел бы, чтобы все элементы добавления / редактирования новых элементов находились в лайтбоксе с ajax, и я использую JQuery.В некоторых случаях лайтбокс должен включать проверку страницы, а также отображать ошибки с сервера в форме без отправки или обновления страницы, лайтбокс будет иметь похожий шаблон (заголовок, поля ввода и кнопка отправки), но требования и поля ввода будут другими.,Другим требованием будет показывать значок загрузки при загрузке лайтбокса и при выполнении ajax.

Мой вопрос, есть ли уже решение для этого?Если нет, то как бы вы это спроектировали?Я начал делать это с помощью плагина JQuery для загрузки объекта Form и массива объектов Inputs и создания шаблона с использованием Mustache, но это кажется слишком сложным.

Как другие сайты справляются с этим?

Answer 1

Я бы справился с этим, выбрав JSON с сервера и отправив JSON на сервер при отправке формы.Или в другом формате, например jQuery.serialize в формах.

Форма будет отображаться в лайтбоксе на основе JSON, полученного с сервера.Если пользователь нажимает кнопку "Отправить", вы отправляете данные формы в формате JSON на сервер, и сервер возвращает любые ошибки (или успех).

В качестве альтернативы вы можете отразить проверку на стороне JavaScript иотправлять только один раз на стороне проверки на стороне JavaScript, но это закроет всплывающее окно.

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