Demo-примеры сайта dnzl.ru - Пример работы Ajax запроса методом POST

Перейти обратно к статье Ajax запрос методом POST, пример с использованием json_encode()

Проверяем на корректность отправленные (POST-запросом AJAX) данные. Если данные корректны, выводим сообщение. В ином случае делаем красную подсветку у полей.

$(document).ready(function(){ var working = false; /* Данный флаг предотвращает отправку нескольких комментариев: */ $('form').submit(function(e){ e.preventDefault(); if(working) return false; working = true; $('#submit').val('Подождите..'); $('.error').removeClass("error"); $.post('submit.php',$(this).serialize(),function(msg){ /* Отправляем значения формы в submit.php: */ working = false; $('#submit').val('Отправить'); if(msg.status) // Если данные корректны, добавляем сообщение { console.log(msg.status); $(msg.html).hide().insertBefore('form').slideDown(); } else { // Если есть ошибки, проходим циклом по объекту // msg.errors и выводим их на страницу $.each(msg.errors,function(k,v){ $('#'+k).addClass("error"); //alert(k); }); } },'json'); }); });