jQuery ajax POST и GET асинхронные запросы на сервер

от 2018 - 12 - 22

При помощи jQuery можно легко и просто реализовать асинхронные запросы данных от сервера без перезагрузки страницы.

Далее показываю код, как это работает и подробно распишу для тебя, что именно происходит:
Предположим мы хотим отправить данные из формы (имя, телефон, email, …) на сервер для проверки и сохранения в базе

// Сначала сформируем данные для отправки
var dataFrom = {
    resultID : $(this).attr('result-id')
}

$.ajax({
    type: 'post',
    url: '?action=declineResult',
    data: dataFrom,
    dataType: 'json',
    beforeSend: function() {
    	$('.overlay-loading').show();
    },
    success: function(data) {
    	if (!data.error) {

    	}
    },
    complete: function () {
	$('.overlay-loading').hide();
    },
    error: function (jqXHR, exception) {
        console.log('Ajax request error: ', jqXHR.status + ' - ' + jqXHR.responseText);
    }
});