Вторник, 26 Октября 2010 года, 11:03
Просмотров: 4984 шт.

Hi-Tech → jQuery: отправка данных из формы с помощью Ajax


jQuery: отправка данных из формы с помощью Ajax

Одной из самых запутанных частей изучения jQuery является сабмит формы через Ajax. В частности, разработчики иногда не понимают разницы между return false и preventDefault(). Оба эти подхода могут быть использованы для запрета выполнять действие по умолчанию у формы, то есть, при нажатии кнопки submit вы запускаете jQuery-метод, а не стандартное действие, прописанное в action формы.

Но оказывается, есть фундаментальное отличие между return false и preventDefault().


*****



return false полностью отключает стандартный сабмит формы, в то время как preventDefault() только предотвращает перенаправление на страницу, указанную в атрибуте action формы. Если вы используете первый способ, то вы сможете обработать форму только один раз, а любые дальнейшие действия будут отключены. Представьте себе, что произойдет, когда у вас есть ещё проверка формы посредством Ajax: тогда в случае нахождения неправильно заполненных полей высветится ваше уведомление. Но когда пользователь корректно заполнит все поля, форма уже не отправится, т.к. return false уже её отключил..

Зато preventDefault() отключит лишь действие по умолчанию для формы, но действия, которые вы самостоятельно "повесите" на submit продолжат работать.

Поэтому рекомендую использовать такую конструкцию:

$('#testForm').submit(function(e) {

// собираем данные из формы

$.ajax({
// используем Ajax для отправки данных и получения ответа сервера
});

e.preventDefault();
});

Эта запись отмечена тегами: ajaxjqueryпрограммирование

ShaDeRzz
Блог им. ShaDeRzz
Рейтинг записи
  +1  

←Туда  Сюда→

Комментарии:

  • nomeNNescionomeNNescio  4 Декабря#  
    спасибо, в закладки.

Авторизуйтесь или зарегистрируйтесь, чтобы иметь возможность комментировать записи!


Категории

Товары и Услуги  Авто  Отдых  Здоровье  Hi-Tech  Стройка  Fashion  Разное  Домашний очаг  Бизнес  Общество  Кухня  Образование  Флора и фауна  Музыка и кино  Спорт  Туризм  Хобби  География  Позитив  Наука и Техника  Карьера  Теория жизни  История  Знаменитости  Творчество  Отношения  Фольклор  Религия  Право  Астрономия  Мистика 


Облако тегов



TOP Блоггеры

profitinvestingprofitinvesting
Записей: 3723

webweb
Записей: 741

sorokasoroka
Записей: 611

begtopmerbegtopmer
Записей: 530

ShaDeRzzShaDeRzz
Записей: 242

little_fairylittle_fairy
Записей: 164

nomeNNescionomeNNescio
Записей: 153

savchenkosavchenko
Записей: 98

BeautyPROFBeautyPROF
Записей: 94

Jetos2Jetos2
Записей: 78

DiezelSun2DiezelSun2
Записей: 73

KisaMurMurKisaMurMur
Записей: 53

Весь список

Последние комменты

  • comp-service написал(а):
    Комп-Сервис, Ремонт компьютеров и ноутбуков в Киеве https://comp-service.kiev.ua
  • Koval написал(а):
    [url=https://avafka.ru/]анкор[/url]
  • Koval написал(а):
    Привет! Я тоже недавно искал информацию о лицензионных казино в Украине и нашел отличный сайт, котор...
  • Serrt написал(а):
    Тут все есть: https://ya.ru/ Добавлено позже: Тут все есть: [url=https://ya.ru/]https://ya.ru/[/url]
  • Serrt написал(а):
    Спасибо!

Котлы тления Bullerjan - тепло в каждый дом