Frontend

Самая лучшая форма отправки с AJAX

Файл index.php:

$(".jq_form").on('submit', function (event) {
    event.preventDefault();
    var t = $(this);
    var action = t.attr('action');
    var data = t.serialize();
    var submit = t.find('.form-submit');
    $.ajax({
        type: "POST",
        url: action,
        data: data,
        success: function (response) {
            try {
                var responseObj = JSON.parse(response);
                if (responseObj['status'] === true) {
                    submit.empty();
                    submit.append(responseObj['msg']);
                    submit.prop('disabled', true);
                } else {
                    console.log(response);
                }
            } catch (e) {
                console.log(response);
            }
        }
    });
});
//varaint vanila js:
document.addEventListener("DOMContentLoaded", function() {
    let forms = document.getElementsByClassName('form_class_for_JS');

    for (let form of forms) {
        form.onsubmit = function (event) {
            event.preventDefault();
            let url = this.getAttribute('action');
            let submit = this.querySelectorAll('.form_submit');
            let formData = new FormData(this);
            submit[0].innerHTML = '';
            submit[0].append('Загрузка...');
            submit[0].setAttribute('disabled', 'true');
            return fetch(url, {
                method: 'POST',
                body: formData  //data
            })
                .then(response => response.json())
                .then(data => {
                    if (data['status'] === true) {
                        submit[0].innerHTML = '';
                        submit[0].append(data.msg);
                        submit[0].setAttribute('disabled', 'true');
                        window.top.location = "/thankyou_page/";
                    } else {
                        console.log(data);// Prints result from `response.json()` in getRequest
                    }
                })
                .catch(error => console.error(error))
        };
    }
});

Файл ajax.php:

$to = 'mymail@mail.ru';
$subject = 'blabla';
$message = '';
$message .= 'name - '.preg_replace('/[^А-Яа-яA-Za-z]/','',$_POST['name']).PHP_EOL;
$message .= 'phone - '. (int)$_POST['phone'];
if (mail($to,$subject,$message)){
    echo json_encode(['status' =--> true,'msg' => 'Ваша заявка принята'],JSON_UNESCAPED_UNICODE); } 
else { 
    echo json_encode(['status' => false]); 
} 

Афоризм дня:
Кончина наступает однажды, а ждем мы ее всю жизнь: боязнь смерти мучительнее, чем сама смерть. (644)

Leave a reply

Яндекс.Метрика