Почему не приходят данные в ответ от php скрипта?

Question

[Jony1337]

Привет , есть скрипт который получает данные для проверки из форму

// массив для хранения ошибок
$errorContainer = array();
// полученные данные
$arrayFields = array(
    'name_user' => $_POST['name_user'],
    'email_user' => $_POST['email_user'],
    'password_user' => $_POST['password_user'],
    'password_2_user' => $_POST['password_2_user']
);
 
// проверка всех полей на пустоту
foreach($arrayFields as $fieldName => $oneField){
    if($oneField == '' || !isset($oneField)){
        $errorContainer[$fieldName] = 'Поле обязательно для заполнения';
    }
}
 
// сравнение введенных паролей
if($arrayFields['password_user'] != $arrayFields['password_2_user'])
    $errorContainer['password_2_user'] = 'Пароли не совпадают';
 
// делаем ответ для клиента
if(empty($errorContainer)){
    // если нет ошибок сообщаем об успехе
    echo json_encode(array('result' => 'success'));
}else{
    // если есть ошибки то отправляем
    echo json_encode(array('result' => 'error', 'text_error' => $errorContainer));
}

вот и код который отправляет данные

$(document).ready(function() {
    $('#form_test').submit(function(){


        // убираем класс ошибок с инпутов
        $('input').each(function(){
            $(this).removeClass('error_input');
        });
        // прячем текст ошибок
        $('.error').hide();
         
        // получение данных из полей
        var name_user = $('#name_user').val();
        var email_user = $('#email_user').val();
        var password_user = $('#password_user').val();
        var password_2_user = $('#password_2_user').val();

        $.ajax({
            // метод отправки 
            type: "POST",
            // путь до скрипта-обработчика
            url: "vd.php",
            // какие данные будут переданы
            data: {
                'name_user': name_user, 
                'email_user': email_user,
                'password_user': password_user,
                'password_2_user': password_2_user
            },
            // тип передачи данных
            dataType: "json",
            // действие, при ответе с сервера
            success: function(data){
                // в случае, когда пришло success. Отработало без ошибок
                if(data.result == 'success'){   
                    alert('форма корректно заполнена');
					return true;
                // в случае ошибок в форме
                }else{
                    // перебираем массив с ошибками
                    for(var errorField in data.text_error){
                        // выводим текст ошибок 
                        $('#'+errorField+'_error').html(data.text_error[errorField]);
                        // показываем текст ошибок
                        $('#'+errorField+'_error').show();
                        // обводим инпуты красным цветом
                        $('#'+errorField).addClass('error_input');                      
                    }
                }
            }
        });
        // останавливаем сабмит, чтоб не перезагружалась страница
        return false;
    });
});

и сама форма

<form  id="form_test"  method="post" class="s-form validateble register_form" action="vd.php">

  <div class="title">Reg</div>


  <div class="s-field ">
    <div class="text-wrapper">
      <input type="email" value="" tabindex="1" placeholder="E-mail" id="email_user"/>
<label id="email_user_error" class="error"></label>
      <div class="icon_email"></div>
    </div>
  </div>

  <div class="s-field ">
    <div class="text-wrapper">
      <input type="text" value="" tabindex="2" placeholder="Log" id = "name_user" />
	  <label id="name_user_error" class="error"></label>

      <div class="icon_username"></div>
    </div>
  </div>

  <div class="s-field">
    <div class="text-wrapper">
      <input type="password" value="" tabindex="3" placeholder="Passw" id="password_user" />
<label id="password_user_error" class="error"></label>
      <div class="icon_password"></div>
    </div>
  </div>

  <div class="s-field">
    <div class="text-wrapper">
      <input type="password" value="" tabindex="4" placeholder="Passw2" id="password_2_user" />
<label id="password_2_user_error" class="error"></label>
      <div class="icon_password"></div>
    </div>
  </div>

  <div class="s-buttons">
	 <input type="submit" value="Reg" class="button big green wide enable" id="send_data" />
  </div>
</form>

Comments

[vladimir percov]

Что-то упускаете. С кодом все в порядке.
if(data.result == 'success'){
alert('форма корректно заполнена');
return true;
// в случае ошибок в форме
}

По-моему здесь return-а быть не должно.

[Jony1337]

Arhimed96: исправил но всё равно не работает

$(document).ready(function() {
    $('#form_test').submit(function(){


        // убираем класс ошибок с инпутов
        $('input').each(function(){
            $(this).removeClass('error_input');
        });
        // прячем текст ошибок
        $('.error').hide();
         
        // получение данных из полей
        var name_user = $('#name_user').val();
        var email_user = $('#email_user').val();
        var password_user = $('#password_user').val();
        var password_2_user = $('#password_2_user').val();
		alert ("numele = " + name_user);

        $.ajax({
            // метод отправки 
            type: "POST",
            // путь до скрипта-обработчика
            url: "vd.php",
            // какие данные будут переданы
            data: {
                'name_user': name_user, 
                'email_user': email_user,
                'password_user': password_user,
                'password_2_user': password_2_user
            },
            // тип передачи данных
            dataType: "json",
            // действие, при ответе с сервера
            success: function(data){
                // в случае, когда пришло success. Отработало без ошибок
                if(data.result == 'success'){   
                    alert('форма корректно заполнена');
                // в случае ошибок в форме
                }else{
                    // перебираем массив с ошибками
                    for(var errorField in data.text_error){
                        // выводим текст ошибок 
                        $('#'+errorField+'_error').html(data.text_error[errorField]);
                        // показываем текст ошибок
                        $('#'+errorField+'_error').show();
                        // обводим инпуты красным цветом
                        $('#'+errorField).addClass('error_input');                      
                    }
                }
            }
        });
        // останавливаем сабмит, чтоб не перезагружалась страница
        return false;
    });
});

[vladimir percov]

Jony1337: у меня в Chrome -> F12 -> Network все нормально с js+html. Сам PHP проверять лень. Посмотрите в Chrome, что возвращает в ответ Ваш скрипт?

[Jony1337]

Arhimed96: prntscr.com/do03kv

[vladimir percov]

Jony1337: так это не Network, а Console. Мне нужно именно в Console посмотреть Ваш ajax-запрос.

[Jony1337]

Arhimed96: при клике на кнопку вот console prntscr.com/do04xc и вот network prntscr.com/do05hi и ещё prntscr.com/do05u0

[vladimir percov]

Jony1337: если нажмете на vd.php в Network, увидите, что Вам возвращает скрипт.

[Jony1337]

Arhimed96: это уже исправил проблема в том что если все весть правильно или даже неправильно не идет редирект , если убрать return false то даже если весть неправильные данные идет редирект

Answer 1

[Arman]

что именно не работает? как минимум проблема с

success: function(data){
    // в случае, когда пришло success. Отработало без ошибок
    if(data.result == 'success'){   
        alert('форма корректно заполнена');
        return true;
     }

форма не отправит данные дальше, так как это уже другое замыкание, которое будет вызвано когда запрос успешный придет, вместо возварта true вы должны запустить отправку формы вручную, но тогда вы в цикл уйдете, надо как-то сказать что данные верны, теперь чтоб отработал стандартный механизм, а не опять по кругу проверять данные

Comments

[Jony1337]

исправил но всё равно не работает

$(document).ready(function() {
    $('#form_test').submit(function(){


        // убираем класс ошибок с инпутов
        $('input').each(function(){
            $(this).removeClass('error_input');
        });
        // прячем текст ошибок
        $('.error').hide();
         
        // получение данных из полей
        var name_user = $('#name_user').val();
        var email_user = $('#email_user').val();
        var password_user = $('#password_user').val();
        var password_2_user = $('#password_2_user').val();
		alert ("numele = " + name_user);

        $.ajax({
            // метод отправки 
            type: "POST",
            // путь до скрипта-обработчика
            url: "vd.php",
            // какие данные будут переданы
            data: {
                'name_user': name_user, 
                'email_user': email_user,
                'password_user': password_user,
                'password_2_user': password_2_user
            },
            // тип передачи данных
            dataType: "json",
            // действие, при ответе с сервера
            success: function(data){
                // в случае, когда пришло success. Отработало без ошибок
                if(data.result == 'success'){   
                    alert('форма корректно заполнена');
                // в случае ошибок в форме
                }else{
                    // перебираем массив с ошибками
                    for(var errorField in data.text_error){
                        // выводим текст ошибок 
                        $('#'+errorField+'_error').html(data.text_error[errorField]);
                        // показываем текст ошибок
                        $('#'+errorField+'_error').show();
                        // обводим инпуты красным цветом
                        $('#'+errorField).addClass('error_input');                      
                    }
                }
            }
        });
        // останавливаем сабмит, чтоб не перезагружалась страница
        return false;
    });
});

[Arman]

Jony1337: в консоли браузера есть ошибки? пока забыв про успешный ответ от vd.php все работает?

[Jony1337]

Arik: prntscr.com/do04xc

[Arman]

Jony1337: что будет в консоли браузера, если сделать success: function(data){ console.log(data);

[Jony1337]

Arik: prntscr.com/do08a5

[Arman]

Jony1337: замечательно, значит отработал else, дальше обход ошибок, но они у вас все в NULL

[Arman]

Jony1337: попробуйте вместо
if($oneField == '' || !isset($oneField)), сделать if(strlen(trim($oneField)) == 0)

[Jony1337]

Arik: если весть в форму данные то не будет null

[Arman]

Jony1337: а что именно не работает?

[Jony1337]

Arik: если я веду разные пароль то в не выводится ошибка а просто не делается редирект

[Jony1337]

<label id="password_2_user_error" class="error"></label>

[Arman]

Jony1337: можно опять посмотреть console.log(data); что выше было, но когда разные пароли?

[Jony1337]

Arik: там надо весть пароль и ещё раз пароль в форме, когда разные пароль снизу далжно выводить текст ошибки , и даже если все весть верно редирект не происходит

[Arman]

Jony1337: не вижу в коде редирект, что должно произойти когда все указали верно? данные формы должны идти на другой скрипт/обработчик?

[Jony1337]

Arik: если всё с данными в порядке должен идти редирект на pro.php там я беру данные которые пришли из форму через POST и так далее

[Arman]

Jony1337: для этого в верстке как минимум надо поменять action, а то у вас action="vd.php"

[Jony1337]

Arik: ну я это уже сделал но всё равно вел я данные или нет идет редирект на pro.php если убрать return false в конце

[Arman]

Jony1337: да, потому что замыкание уже другое, как я и говорил, можно весь текущий код показать?

[Jony1337]

Arik:

$(document).ready(function() {
    $('#form_test').submit(function(){


        // убираем класс ошибок с инпутов
        $('input').each(function(){
            $(this).removeClass('error_input');
        });
        // прячем текст ошибок
        $('.error').hide();
         
        // получение данных из полей
        var name_user = $('#name_user').val();
        var email_user = $('#email_user').val();
        var password_user = $('#password_user').val();
        var password_2_user = $('#password_2_user').val();
		alert ("numele = " + name_user);

        $.ajax({
            // метод отправки 
            type: "POST",
            // путь до скрипта-обработчика
            url: "vd.php",
            // какие данные будут переданы
            data: {
                'name_user': name_user, 
                'email_user': email_user,
                'password_user': password_user,
                'password_2_user': password_2_user
            },
            // тип передачи данных
            dataType: "json",
            // действие, при ответе с сервера
            success: function(data){
                // в случае, когда пришло success. Отработало без ошибок
				console.log(data);
                if(data.result == 'success'){   
                    alert('форма корректно заполнена');
					return true;
                // в случае ошибок в форме
                }else{
                    // перебираем массив с ошибками
                    for(var errorField in data.text_error){
                        // выводим текст ошибок 
                        $('#'+errorField+'_error').html(data.text_error[errorField]);
                        // показываем текст ошибок
                        $('#'+errorField+'_error').show();
                        // обводим инпуты красным цветом
                        $('#'+errorField).addClass('error_input');                      
                    }
					return false;
                }
            }
        });
        // останавливаем сабмит, чтоб не перезагружалась страница

    });
});

[Arman]

Jony1337: Попробуем сделать флаг того отправляем ли мы уже данные на про или еще проверяем

$(document).ready(function() {
var submitData = false;
$('#form_test').submit(function(){
if(submitData) {
return true;
}
//... дальше весь код..

когда получили успешный ответ, то поменяем флаг и запустим событие заново

success: function(data){
if(data.result == 'success'){
submitData = true;
$('#form_test').submit();

[Jony1337]

Arik: я что то не догоняю как салат в js так должно быть ?

$(document).ready(function() {
var submitData = false;
$('#form_test').submit(function(){
if(submitData) {
return true;

        // убираем класс ошибок с инпутов
        $('input').each(function(){
            $(this).removeClass('error_input');
        });
        // прячем текст ошибок
        $('.error').hide();
         
        // получение данных из полей
        var name_user = $('#name_user').val();
        var email_user = $('#email_user').val();
        var password_user = $('#password_user').val();
        var password_2_user = $('#password_2_user').val();
		alert ("numele = " + name_user);

        $.ajax({
            // метод отправки 
            type: "POST",
            // путь до скрипта-обработчика
            url: "vd.php",
            // какие данные будут переданы
            data: {
                'name_user': name_user, 
                'email_user': email_user,
                'password_user': password_user,
                'password_2_user': password_2_user
            },
            // тип передачи данных
            dataType: "json",
            // действие, при ответе с сервера
            success: function(data){
                // в случае, когда пришло success. Отработало без ошибок
				console.log(data);
if(data.result == 'success'){ 
submitData = true;
$('#form_test').submit();
else{
                    // перебираем массив с ошибками
                    for(var errorField in data.text_error){
                        // выводим текст ошибок 
                        $('#'+errorField+'_error').html(data.text_error[errorField]);
                        // показываем текст ошибок
                        $('#'+errorField+'_error').show();
                        // обводим инпуты красным цветом
                        $('#'+errorField).addClass('error_input');                      
                    }
					return false;
                }
            }
        });
        // останавливаем сабмит, чтоб не перезагружалась страница

    });


}




});

[Arman]

Jony1337: if(submitData) {
return true;
}

Answer 2

[Виктор Дидицкий]

У вас проблема в php коде:

$arrayFields = array(
    'name_user' => $_POST['name_user'],
    'email_user' => $_POST['email_user'],
    'password_user' => $_POST['password_user'],
    'password_2_user' => $_POST['password_2_user']
);

Если в $_POST нет какого-либо из указанных выше параметров, будет выброшен нотис, соответственно на фронт вернется не json объект, а просто текст, и alert'а не будет.

Сделайте установку параметров $arrayFields через тернарный оператор