Отправка формы без перезагрузки страницы jQuery?

Question

[kostarus61]

Здравствуйте, я уже писал похожий вопрос, но такая проблема, вообщем есть скрипт который отлично работает на Денвере, закидываю его на VDS, не работает, браузер показывает ошибку Uncaught TypeError: Cannot read property 'status' of null и ругается на следующий кусок кода:

if (data.status === 'success') {
						setTimeout("jQuery('#loadA').load('#div #loadB');",1000);
                    }

Вот полностью код:

<script>
//Обработчик для посева
$(document).ready(function(){
	var n;
	$('#form1').live('submit', function(){
        var current = $(this).parent().parent();
        var data = $(this).serialize();
        data += '&ajax-request=true';

        $.ajax({
            type: 'POST',
            url: '/ajax/seat.php',
            dataType: 'json',
            data: data,
            success: (function() {
                return function(data) {
					if (data.status === 'success') {
						setTimeout("jQuery('#loadA').load('#div #loadB');",1000); // Обновляет данные в блоке
                    }
					
					if(n) {
						n.setText('<b>' + data.message + '</b>'); 
						n.setType(data.status); 
					} else {
						n =	noty({
							text: '<b>' + data.message + '</b>',
							type: data.status,
							dismissQueue: false,
							killer: true,
							layout: 'topCenter',
							theme: 'defaultTheme',
							timeout: 5000,
							callback:  {
								afterClose: function() {n=null;}
							}
						});
					}
				};
            })()
        });
        return false;
    });
});
</script>

Answer 1

[Андрей Ежгуров]

В данном случае $.ajax(...) ожидает, что сервер при запросе на адрес /ajax/seat.php вернёт json-объект, содержащий поле success. Очевидно, что сервер возвращает совсем не то, что требуется. Программа не находит в полученных данных упомянутое выше поле и вылетает с ошибкой.

Так что разбираться надо не с отправкой формы, а с тем, что творится на сервере при её получении. Например, серверный скрипт выдаёт какие-то предупреждения, или сообщения об ошибках - в этом случае браузер не воспринимает полученные данные как json и обработчику ответа сервера в параметре data передаётся null (как раз твой случай).

Comments

[kostarus61]

Как посмотреть предупреждения которые выдает серверный скрипт.

[Андрей Ежгуров]

Нажать в браузере F12 и на вкладке Network посмотреть - что передаётся на сервер и что сервером возвращается.

[kostarus61]

Нажал F12 далее отправил форму и во вкладке Сеть выбрал файл seat.php
Вот что выдало
Заголовки:
Cache-Control:"no-store, no-cache, must-revalidate, post-check=0, pre-check=0"
Connection:"close"
Content-Length:"0"
Content-Type:"text/html; charset=utf-8"
и т.д.
Заголовки запроса:
Accept:"application/json, text/javascript, */*; q=0.01"
Accept-Language:"ru-RU,ru;q=0.8,en-US;q=0.5,en;q=0.3"
Accept-Encoding:"gzip, deflate"
Content-Type:"application/x-www-form-urlencoded; charset=UTF-8"
X-Requested-With:"XMLHttpRequest"
и т.д.

Вкладка параметры - это то что передается:
seat:"1391"
select:"2"
ajax-request:"true"

А во вкладке Ответ пусто.

[kostarus61]

echo json_encode(array('message' => ''.floor($rat).'', 'status' => 'success')); так передается ответ в обработчике формы, может здесь что не так.

[kostarus61]

Этот же скрипт на денвере выдает ответ
message:"2"
status:"success"

[kostarus61]

Такие моменты, недавно хостер попросил отключить рекурсию для DNS из за флуда, плюс стоит SSL сертификат подписанный RapidSSL - это все никак не может влиять?

[Андрей Ежгуров]

Проверь на сервере кодировку символов по умолчанию. json_encode работает только с кодировкой utf-8.

[kostarus61]

Везде стоит UTF8, да и в .htaccess прописано AddDefaultCharset utf-8

[Андрей Ежгуров]

.htacces как раз совершенно не важен (это то, в какой кодировке сервер данные отдаёт). Речь о том, в какой кодировке php строки обрабатывает (до того, как передаст результат серверу).

Но если именно в utf-8, то только var_dump и смотреть значения из которых ответ формируется.

[kostarus61]

На VDS стоит версия 5.1.6, из-за это ведь может не работать функция json_encode?

[Андрей Ежгуров]

Функция json_encode появилась в PHP 5.2
До того она была только в PECL-модуле json, который необходимо было отдельно подключать к PHP.

[kostarus61]

Блин, вот поэтому и не работает, ладно сейчас обновлю, извините замучал вас.

[kostarus61]

Обновил, все сразу заработало :)

Answer 2

[Максим Гречушников]

$.post({'/ajax/seat.php', data, function(data) {
					if (data.status == 'success') {
						setTimeout("jQuery('#loadA').load('#div #loadB');",1000); // Обновляет данные в блоке
                    }
					
					if(n) {
						n.setText('<b>' + data.message + '</b>'); 
						n.setType(data.status); 
					} else {
						n =	noty({
							text: '<b>' + data.message + '</b>',
							type: data.status,
							dismissQueue: false,
							killer: true,
							layout: 'topCenter',
							theme: 'defaultTheme',
							timeout: 5000,
							callback:  {
								afterClose: function() {n=null;}
							}
						});
					}
				};
            })()
        });

Comments

[Максим Гречушников]

а вообще посмотрите в файрбаге какие данные приходят к вам от сервера. возможно не json даже

[kostarus61]

Ваш скрипт не работает, вставил в код, теперь страница обновляется при отправке и выдает ошибку Uncaught SyntaxError: Unexpected token , ругается на этот вот кусок $.post({'/ajax/seat.php', data, function(data) {

[Максим Гречушников]

он и не будет работать. я вам показал лишь как надо сделать. я в вашем скрипте заменил лишь шапку, как она должна быть. остальное сами. я за вас код писать не буду

[kostarus61]

Объясните пожалуйста кто нибудь нормально что нужно сделать?