Обработка формы ajax

@wredyatina · Регистрация: 06.09.2011

Студворк — интернет-сервис помощи студентам

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

Форма:

HTML5
1
2
3
4
5
6
7
8
<form id="myForm" method="post">
 
<!-- все мои input'ы-->
<input name="submit" type="submit" id="submit" /></div>
 
</form>
 
<div id="content"></div>

Скрипт:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function() {
$("#myForm").submit(function() {
        $.ajax({
            type: "POST",
            url:"name_files.php",
            data:$('#myForm').serialize(),
            error:function(){$("#content").html("<p>Произошла ошибка!</p>");},
            beforeSend: function() {
                $("#content").html('Загрузка...');
            },
            success: function(html){
                $("#content").html('Регистрация прошла успешно!');
            }
        });
        
        return false;
});
});

Дело в том, что обычным способом, передача данных из формы в php и запись в бд, работает замечательно.
При подключении ajax, уже ничего.

@Razip · 14.07.2014, 17:21

wredyatina, не вижу ничего неправильного. Разве что html переменная в success-callback не используется, но это уже — придирки.

@wredyatina · 14.07.2014, 17:22 **[ТС]**

Охохохохо.... и как же найти косяк?

@Razip · 14.07.2014, 17:24

Стоит проверить путь до файла.

Добавлено через 1 минуту
wredyatina, покажите сайт, для начала. И подробнее опишите «уже ничего», т.к. обычно появляются ошибки в консоли разработчика, в Ajax-ответе может быть текст ошибки, в общем — много вариантов.

@wredyatina · 14.07.2014, 18:03 **[ТС]**

Так если по порядку. Я не указала checkbox'ы и radio сейчас думаю зря. Наверное про них отдельно надо дописать.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(document).ready(function() {
$("#myForm").submit(function() {
 var data = $('#myForm').serialize();
        $.ajax({
            type: "POST",
            url:"name_files.php",
            data:data,
            error:function(){$("#content").html("<p>Произошла ошибка!</p>");},
            beforeSend: function() {
                $("#content").html('Загрузка...');
            },
            success: function(html){
                $("#content").html('Регистрация прошла успешно!');
            }
        });
        
        return false;
});
});

Добавлено через 2 минуты
вот для радио так должно быть?

JavaScript
1
var radio = $('input[name=status]:checked').val();

Добавлено через 18 минут
"Уже ничего" по сути страница обновляется, ну соответственно заполненные данные в форме скидываются и все.)

@and_y87 · 14.07.2014, 18:17

wredyatina, почему бы вам не сделать в php так:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$resp = [];
if( count($_POST) == 0 )
{
  $resp['error'] = 'POST путой';
} 
else 
{
  //манипуляции с $_POST
  if( $all_right )
  {
    $resp['seccess'] = true;
    $resp['text'] = 'Регистрация прошла успешно!';
  }
  else
  {
    $resp['error'] = 'Что то пошло не так';
  }
}
 
print( json_encode( $resp, true ) );

и в ответе сервера сделать так:

JavaScript
1
2
3
4
5
6
7
8
9
success: function( resp )
{
  if ( resp.error )
  {
    alert( resp.error );
    return false;
  }
  $("#content").text ( resp.text );
}

Проставив достаточное кол-во уведомлений об ошибках можно упростить и разработку и дальнейшую жизнь пользователям которые будут видеть при ответе от сервера что они сделали не так...

@esculap_ra · 14.07.2014, 18:22

посмотри что приходит в $_POST скрипту обработчика.

Добавлено через 4 минуты
serialize() передает данные типа index.php?item1=1&item2=1
а serializeArray() в формате json [{item1:1},{item2:1}]

Donald28 · 15.07.2014, 08:38

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$("#myForm").submit(function(event) {
    event.preventDefault(); // прерываем отправку формы
    var data = $('#myForm').serialize();
        $.ajax({
            type: "POST",
            url:"name_files.php",
            data:data,
            error:function(){$("#content").html("<p>Произошла ошибка!</p>");},
            beforeSend: function() {
                $("#content").html('Загрузка...');
            },
            success: function(html){
                $("#content").html('Регистрация прошла успешно!');
            }
        });
        
        return false;
});

@Razip · 16.07.2014, 14:57

Donald28, В Вашем варианте можно убрать return false в конце обработчика, т.к. это использовалось для остановки отправки формы, но Вы использовали для этого:

JavaScript
1
event.preventDefault(); // прерываем отправку формы

@wredyatina · 16.07.2014, 14:59 **[ТС]**

Ребята, спасибо за советы, с работой завал получился(
сегодня вечером попробую, если не получиться отпишу и если получиться тоже)

@and_y87 · 16.07.2014, 16:16

wredyatina, Удачного опыта Вам

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@Razip 268 / 268 / 109 Регистрация: 22.08.2013 Сообщений: 907
	14.07.2014, 17:21
	wredyatina, не вижу ничего неправильного. Разве что html переменная в success-callback не используется, но это уже — придирки. 0

@wredyatina 2 / 0 / 1 Регистрация: 06.09.2011 Сообщений: 128
	14.07.2014, 17:22 [ТС]
	Охохохохо.... и как же найти косяк? 0

@Razip 268 / 268 / 109 Регистрация: 22.08.2013 Сообщений: 907
	14.07.2014, 17:24
	Стоит проверить путь до файла. Добавлено через 1 минуту wredyatina, покажите сайт, для начала. И подробнее опишите «уже ничего», т.к. обычно появляются ошибки в консоли разработчика, в Ajax-ответе может быть текст ошибки, в общем — много вариантов. 0

@esculap_ra 462 / 265 / 55 Регистрация: 22.08.2010 Сообщений: 1,204 Записей в блоге: 4
	14.07.2014, 18:22
	посмотри что приходит в $_POST скрипту обработчика. Добавлено через 4 минуты serialize() передает данные типа index.php?item1=1&item2=1 а serializeArray() в формате json [{item1:1},{item2:1}] 0

@wredyatina 2 / 0 / 1 Регистрация: 06.09.2011 Сообщений: 128
	16.07.2014, 14:59 [ТС]
	Ребята, спасибо за советы, с работой завал получился( сегодня вечером попробую, если не получиться отпишу и если получиться тоже) 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	16.07.2014, 16:16
	wredyatina, Удачного опыта Вам 0