25+ Учебное пособие по отправке событий формы jQuery с примерами

3 июля 2012 г. | Ajax, Web

Сегодня существует множество веб-сайтов социальных сетей, где вы можете найти динамические комментарии на основе Ajax. Эта система более удобна, потому что вам не нужно обновлять страницу каждый раз, когда вы публикуете что-то новое. Однако создать целую базу данных для комментариев пользователей с нуля может быть сложно.

В этом уроке я хочу рассмотреть использование jQuery только для анимации пользовательских комментариев. Форма будет отправлять каждое сообщение анонимно и ничего не будет сохранять в локальной базе данных. Эффекты предназначены только для показа, но вы можете легко внедрить динамический код в такую ​​систему, как WordPress, vBulletin, Joomla!, или даже в свой собственный бэкенд.

Подробнее Демонстрация

27 июня 2012 г. | Ajax, Plugins, Web

Smart Cart — это гибкий и многофункциональный подключаемый модуль jQuery для корзины покупок. Это делает раздел «Добавить в корзину» онлайн-покупок намного проще и удобнее для пользователя. Он компактен по дизайну, очень прост в реализации и требует минимального HTML.

Выбранные товары в корзине доступны в виде массива пар продуктов/количества, разделенных символом «|» в форме отправки или при инициировании события оформления заказа. Smart Cart 2 имеет простой и компактный дизайн с вкладками для экономии места.

Возможности (Smart Cart 2.0):

  • Простота реализации, требуется минимум HTML
  • Чистый и компактный дизайн, конструкция с вкладками экономит место
  • Поиск продукта и фильтр по категориям обеспечивают простой и быстрый доступ к продукту, который ищут пользователи
  • Автоматически вычисляет промежуточный итог и итог
  • Количество редактируется из списка корзины
  • Поддержка событий, настраиваемая функция Ajax и проверка могут быть легко реализованы с помощью событий
  • Отображение изображения продукта и расширенный дисплей подсказки
  • Можно реализовать несколько корзин на одной странице
  • Опция шаблона для простой настройки сведений о продукте
  • Предварительное заполнение товаров в корзине при загрузке страницы

Подробнее Демонстрация

25 июня 2012 г. | Ajax

AjaxML был разработан для сокращения времени разработки запросов Ajax, так как было измерено сокращение времени разработки до 60% по сравнению со временем, затрачиваемым при использовании обычного jQuery ajax. Мы позаботимся об отправке форм с помощью Ajax в виде гиперссылок. Мы знаем, что вам нужно, чтобы загрузка ajax была простой и не использовала множество сторонних библиотек. AjaxML выполняет свою работу.

Одной из проблем ajax-запросов является потеря закладок, а поддержка истории браузера — еще одна головная боль. Используя AjaxML, вы можете просто указать значение хеш-функции для вашей ссылки,
, и все.

Подробнее Демонстрация

1 апреля 2012 г. | Ajax, Forms, Plugins

Dirty Forms

— это гибкий плагин jQuery , помогающий предотвратить потерю данных пользователями при редактировании форм .

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

Подробнее Демонстрация

26 января 2012 г. | Формы, Плагины

Привет! Меня зовут Jeditable , и я подключаемый модуль редактора для jQuery. С помощью нескольких строк кода JavaScript я позволяю вам щелкать и редактировать содержимое различных элементов html. Я основан на редактируемом Dylan Verheul. Обычный поток таков. Пользователь нажимает текст на веб-странице. Блок текста становится формой. Пользователь редактирует содержимое и нажимает кнопку отправки. Новый текст отправляется на веб-сервер и сохраняется. Форма снова становится обычным текстом.

Подробнее Демонстрация

12 сентября 2011 г. | Ajax, Forms, PHP

Этот пост поможет вам отправить форму без обновления страницы.

В этом уроке я покажу вам, как просто это сделать с помощью плагина формы jQuery всего пять строк кода JavaScript, без необходимости отправлять значения строки данных через ajax. Объяснено взаимодействие с подключаемым модулем проверки для реализации проверки полей формы.

Подробнее Демонстрация

24 августа 2011 г. | Ajax, Forms, PHP

Вы ищете загрузку и предварительный просмотр файла/изображения ajax без обновления страницы с помощью Jquery. Я реализовал эту отправку формы ajax с помощью плагина jquery.form и использовал PHP-код обрезки изображения для загрузки изображений. Всего пять строк кода JavaScript. С его помощью вы можете загружать файлы, изображения и видео.

Подробнее Демонстрация

27 марта 2011 г. | Ajax, Forms, Plugins

Мы отказываемся от кнопки загрузки в пользу кнопки сохранения и запускаем событие загрузки AJAX, как только файл выбран. Изображение обрабатывается на стороне сервера, и миниатюра загружается на существующую страницу.