Почему на ровном месте не работает ajax?

Question

[del993788]

Здравствуйте. Я сейчас сойду с ума. Есть страница: фарбер.рф . Внизу страницы есть блок "бесплатная консультация". Если туда ввести телефон, то на почту придёт сообщение с этим телефоном. Все письма приходят, но ajax не пашет. В исходном коде вы можете увидеть js код. Я то ли где-то опечатался, то ли еще что-то, но блин. Я уже второй час сижу и ничего понять не могу. Вот так выглядит php файл

<?php
$number = $_POST['number'];
$error = "no";
if ($number == '') {
echo "notnumber";
$error = "yes";     
                } else if(!$number || strlen($number)<10 || strlen($number)>16) {
echo "errornumber";
$error = "yes";
}

if($error=="no") {
$to      = '[e-mail]';
$subject = 'Обратный звонок Фарбер.рф';
$message = "Телефон $number";
$headers = 'From: [e-mail]' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();

if(mail($to, $subject, $message, $headers)){
    echo "ok";
} else {
    echo "error";
}
}
?>

Вот так js.

$(function(){
  'use strict';
$('#cont').on('submit', function(e){
    e.preventDefault();
    var fd = new FormData( this );
    $(".button2").val("Подождите..."); 
    $.ajax({
      url: 'cont.php',
      type: 'POST',
      contentType: false, // важно - убираем форматирование данных по умолчанию
      processData: false, // важно - убираем преобразование строк по умолчанию
      data: fd,
      success: function(msg){
if(msg == 'ok') {
 	$(".button2").val("Отправлено"); 
 	$(".contnum").removeClass("error"); 
}
if(msg == 'notnumber') {
 	$(".contnum").addClass("error"); 
 	$(".button2").val("Получить"); 
}
if(msg == 'errornumber') {
 	$(".contnum").addClass("error"); 
 	$(".button2").val("Получить"); 
}
      }
    });
  });
});

Смотрите: на стороне сервера идёт проверка телефона, и результат php приходит на сайт, где js должен в разных случаях изменить определённые классы, но он, почему-то, ничего не меняет. Где косяк?

Answer 1

[Дмитрий]

Добрый день.
В ответе от сервера приходит "errornumber" (смотреть в консоли firebug), а в коде у Вас есть
echo "errornumber";
и не только это, куча "echo"...
Я думаю, что для начала надо убрать вывод в php файле при помощи "echo", заменить на переменные, которые надо вернуть для js.

Comments

[del993788]

Ну так и должно: всё через echo. Всё через echo работало, а сейчас нет. При том, что работало всё на другом сайте, а на этом не пашет.

[del993788]

И вы же сами видели, что форма сверху работает, хотя имеет похожий принцип. Там phpmailer

[Дмитрий]

qqignatqq: Для начала я бы привёл в порядок ответ от сервера. Определитесь, как Вы будете отдавать ответ, строкой или переменной.
Пока у Вас всё в кучу свалено, и строка и переменная.
Так же я рекомендовал бы использовать php.net/manual/ru/function.json-encode.php, для того, чтобы отдать ответ от сервера.
В jquery потом бы распарсил ответ.
Для смены css класса сначала удаляйте старый, а уж потом добавляйте новый.

Answer 2

[Александр]

У вас в строчке: var fd = new FormData( this ); в объекте нет значений из формы.
Попробуйте:
var fd = $(this).serializeArray();