входные формы ajax

Question

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

Я стараюсь держать все на одной странице.

Так, например, у меня уже есть автоматически сгенерированный список продуктов в левой части моей страницы, которые отображаются через JQUERY -> сервлет.

теперь, если пользователь нажимает на продукт, он направляет его на html-страницу с формой, которая отправляется сервлету (я не кодировал это, но я тоже знаю, как).

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

Буду ли я лучше кодировать страницу JSP и затем помещать ее на главную страницу JSP? или создание формы в jquery?

Может ли кто-нибудь указать мне правильное направление?

Answer 1

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

Лучше simplemodal от Эрика Мартина. Вы можете отобразить форму в модальном режиме, а затем попросить пользователя отправить модальное сообщение на ваш внутренний сервер.

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

Answer 2

Посмотрите на диалоговое окно jQuery-ui, плагин валидации и плагин формы. Это должно быть все, что вам нужно для создания отличных диалоговых форм ajax с проверкой правильности.

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

Answer 3

Имея в виду будущее, я хотел бы, чтобы форма представляла собой собственный JSP, и извлекал ее через jQuery, это облегчит редактирование формы и будет проще найти для следующего разработчика. Поддерживать формы, встроенные в jQuery (или JS в целом), не весело.