Ajax не получил ответа после отправки POST в PHP

Я создаю веб-сайт простой регистрационной формы. Я отправляю данные через AJAX и не могу получить положительный или отрицательный ответ на запрос. Если я отправляю напрямую в файл PHP, все работает, если использовать AJAX, AFTERSUCCESS ничего не делает. Я использую Jquery и JQUERYFORMS.

индекс.php:

<form class="uk-form" id="register_frm" action="php/register.php" method="POST" enctype="multipart/form-data">
    <input type="email" name="email" id="email" class="uk-width-1-1 uk-form-large" value="[email protected]">
    <input value="111" type="password" name="pass" id="pass" class="uk-width-1-1 uk-form-large" >
    <input value="111" type="password" name="pass2" id="pass2" class="uk-width-1-1 uk-form-large">
    <button class="uk-button uk-button-primary uk-button-large uk-align-center" type="submit" name="submit_btn" id="submit_btn" value="reg">Register <i class="uk-icon uk-icon-spin uk-icon-spinner" id="output"></i></button>
    <div id="output"></div>
</form>

Javascript:

$(document).ready(function() {
    $("#register_frm").submit(function(event){
        var options = { 
            target:   '#output',   // target element(s) to be updated with server response 
            beforeSubmit:  beforeSubmit,  // pre-submit callback 
            success:       afterSuccess,  // post-submit callback 
            uploadProgress: OnProgress, //upload progress callback
            dataType    : 'json',
            resetForm: false        // reset the form after successful submit 
        }; 

        $('#register_frm').ajaxSubmit(options);            
        // always return false to prevent standard browser submit and page navigation 
        return false;

        function afterSuccess(data)
        {
            console.log(data);
        }

        function beforeSubmit(){
        }

        function OnProgress(event, position, total, percentComplete)
        {
            //Progress bar
        }

        function bytesToSize(bytes) {
            var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
            if (bytes == 0) return '0 Bytes';
            var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
            return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i];
        }
    });
}); 

PHP

if (isset($_POST['submit_btn'])&& $_POST['submit_btn']== 'reg') {
    $data = array();
    $errors = array();

    $email=trim($_POST['email']);
    $pass=trim($_POST['pass']);
    $pass2=trim($_POST['pass2']);

    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        $errors['email']="Invalid email";
    }

    if (empty($pass) || empty($pass2)) {
        $errors['pass']="Invalid passwords";
    }

    if (strcmp($pass, $pass2)) {
        $errors['pass']="Invalid passwords";
    }

    if (empty($errors)) {
        $add_user= add_new_user($conn,$email,$pass);
    }

    if ($add_user) {
        $data['success'] = true;
    } else {
        $data['success'] = false;
    }

    echo json_encode($data);
}

person allpnay    schedule 20.12.2016    source источник
comment
у вас есть плагин формы jquery?/   -  person Nishanth Matha    schedule 20.12.2016
comment
да, я использую версию v20131228   -  person allpnay    schedule 20.12.2016
comment
Почему вы определяете методы после того, как возвращаете false? Они должны быть над ним...   -  person epascarello    schedule 20.12.2016
comment
@epascarello Если нет, то я перехожу на PHP   -  person allpnay    schedule 20.12.2016
comment
@epascarello Это не имеет значения - JS использует hoisting< /а>.   -  person Terry    schedule 22.12.2016
comment
Я не понимал? Видели ответ, который я написал? Это решение помогло мне   -  person allpnay    schedule 22.12.2016


Ответы (1)


Ну, я нашел проблему. При получении данных в PHP я проверяю, нажата ли кнопка SUBMIT и ЗНАЧЕНИЕ его. AJAX не отправляет кнопку, поэтому я добавил СКРЫТОЕ поле и проверил, правильно ли я получил форму. Спасибо вам всем

<form class="uk-form" id="register_frm" action="php/register.php" method="POST" enctype="multipart/form-data">
<input type="email" name="email" id="email" class="uk-width-1-1 uk-form-large" value="[email protected]">
<input value="111" type="password" name="pass" id="pass" class="uk-width-1-1 uk-form-large" >
<input value="111" type="password" name="pass2" id="pass2" class="uk-width-1-1 uk-form-large">
<input type="hidden" name="reg" id="reg">
<button class="uk-button uk-button-primary uk-button-large uk-align-center" type="submit" name="submit_btn" id="submit_btn" value="reg">Register <i class="uk-icon uk-icon-spin uk-icon-spinner" id="output"></i></button>
<div id="output"></div>

PHP

if (isset($_POST['reg'])) {}
person allpnay    schedule 21.12.2016