Форум программистов
Реклама:
Контент-фильтр ИКС для учебных заведений.
Готовый набор правил для школ, фильтрация по спискам Роскомнадзора и Минюста. Соответствует ФЗ №436 и №139.
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 03.12.2012, 14:05   #1
Predator199
Участник клуба
 
Аватар для Predator199
 
Регистрация: 26.01.2012
Адрес: г.Ярославль
Сообщений: 639
Репутация: -27
Смущение Обновляется страница.

Код HTML:
<head>
<script type="text/javascript" src="/scripts/js/jquery.js"></script>
<script>
      $('#add-s').submit(function(event) {
        event.preventDefault();
        var $form = $(this), 
        url = $form.attr( 'action' );
        $.post(url, 
         $form.serialize(),
          function( data ) { 
            $("#TABL").html('Ответ от сервера получен успешно.');
          }
        );
      });
</script>
</head>

<form id="add-s" action="" method="post">
    <input   type="submit" class="submit" value="Отправить"/>
</form>
<div id="TABL"></div>
Скажите пожалуйста, в чем ошибка. Обновляется страница, не должно.
Predator199 вне форума   Ответить с цитированием
Старый 03.12.2012, 15:22   #2
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,557
Репутация: 1785
По умолчанию

return false в конце поставь
__________________
ridero.ru — создайте настоящую книгу
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Старый 03.12.2012, 18:03   #3
Predator199
Участник клуба
 
Аватар для Predator199
 
Регистрация: 26.01.2012
Адрес: г.Ярославль
Сообщений: 639
Репутация: -27
По умолчанию

По прежнему обновляет.
Predator199 вне форума   Ответить с цитированием
Старый 03.12.2012, 18:09   #4
Cronos20
Участник клуба
 
Регистрация: 08.07.2010
Сообщений: 677
Репутация: 200
По умолчанию

Код:

<head>
<script type="text/javascript" src="/scripts/js/jquery.js"></script>
</head>

<form id="add-s" action="" method="post">
    <input   type="submit" class="submit" value="Отправить"/>
</form>
<div id="TABL"></div>
<script>
      $('#add-s').submit(function(event) {
        event.preventDefault();
        var $form = $(this), 
        url = $form.attr( 'action' );
        $.post(url, 
         $form.serialize(),
          function( data ) { 
            $("#TABL").html('Ответ от сервера получен успешно.');
          }
        );
        return false;
      });
</script>

Cronos20 вне форума   Ответить с цитированием
Старый 04.12.2012, 12:03   #5
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,557
Репутация: 1785
По умолчанию

Цитата:
Сообщение от Predator199 Посмотреть сообщение
По прежнему обновляет.
Значит не там поставил
__________________
ridero.ru — создайте настоящую книгу
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Старый 05.12.2012, 20:54   #6
nerv
Форумчанин
 
Аватар для nerv
 
Регистрация: 26.04.2010
Адрес: Russia, Ryazan
Сообщений: 450
Репутация: 132
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
return false в конце поставь
Код:

e.preventDefault() === return false; // в данном случае. Не?

http://learn.javascript.ru/play/8F9koc

Цитата:
Сообщение от Predator199 Посмотреть сообщение
Скажите пожалуйста, в чем ошибка. Обновляется страница, не должно.
в отладчике посмотри. На первый взгляд все должно быть нормально.
__________________
Тишина – самый громкий звук

Последний раз редактировалось nerv; 05.12.2012 в 20:56.
nerv вне форума   Ответить с цитированием
Старый 06.12.2012, 12:49   #7
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,557
Репутация: 1785
По умолчанию

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

тут при отправки формы запускается событие onsubmit, выполняются присвоения, начинается отправка AJAX-запроса... и...
обработчик сабмита завершается, выполняется стандартное действие — сабмит, который по своей природе редиректит.
__________________
ridero.ru — создайте настоящую книгу
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Старый 06.12.2012, 14:03   #8
Cronos20
Участник клуба
 
Регистрация: 08.07.2010
Сообщений: 677
Репутация: 200
По умолчанию

Господа, Вы вообще о чем?
У ТС в коде submit навешивается в коде на форму, которой еще нет на странице. Поэтому отправку формы вообще никто не перехватывает и страница спокойно перезагружается. И никакой философии.
Cronos20 вне форума   Ответить с цитированием
Старый 07.12.2012, 11:17   #9
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,557
Репутация: 1785
По умолчанию

Цитата:
Сообщение от Cronos20 Посмотреть сообщение
Господа, Вы вообще о чем?
У ТС в коде submit навешивается в коде на форму, которой еще нет на странице. Поэтому отправку формы вообще никто не перехватывает и страница спокойно перезагружается. И никакой философии.
хо-хо) и то верно)
Пропустил... привык что скрипты всегда в конце страницы (у меня)
__________________
ridero.ru — создайте настоящую книгу
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Старый 08.12.2012, 03:48   #10
nerv
Форумчанин
 
Аватар для nerv
 
Регистрация: 26.04.2010
Адрес: Russia, Ryazan
Сообщений: 450
Репутация: 132
По умолчанию

Цитата:
Сообщение от Cronos20 Посмотреть сообщение
Господа, Вы вообще о чем?
я о том, что
Код:

event.preventDefault();

это все равно, что
Код:

return false;

в данном случае, и первое у него в коде имеется.

http://api.jquery.com/event.preventDefault/
__________________
Тишина – самый громкий звук
nerv вне форума   Ответить с цитированием
Ответ



Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не обновляется ячейка данных MrBrain SQL, базы данных 3 23.09.2012 09:45
не обновляется DataGridView Kukurudza C# (си шарп) 0 11.03.2012 12:10
страница автоматически обновляется через 1 секунду только один раз Zeron JavaScript, Ajax 5 14.06.2010 08:18
ComboBox.Text не обновляется zoidberg948 Общие вопросы .NET 1 19.02.2010 16:50
Dr. Web 5.0 не обновляется... Smiley Безопасность, Шифрование 9 24.05.2009 15:11




02:19.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

купить трафик


как улучшить посещаемость, а также решения по монетизации сайтов, видео и приложений

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru