В Ajax-> представить, как найти, что представление прошло успешно

Question

У меня есть вид, который содержит скрытый <div>. Я показываю скрытый <div>, и когда я нажимаю на кнопку отправить в скрытом <div>, я хочу узнать, является ли результат успешным или неудачным.

В случае сбоя <div> не должен скрываться. Прямо сейчас оно всегда скрыто.

Answer 1

@ Cherian & @Pradeep не упомянул, что вам следует перехватить обработчик onsubmit для вашей формы. Этот обработчик должен выполнять отправку формы в стиле AJAX и предотвращать отправку по умолчанию, возвращая значение false.

<form action="submissionurl" method="post" onsubmit="formHandler(); return false;">
  ...
</form>

Я бы также рекомендовал использовать jquery, так как он значительно упрощает ваш код

Answer 2

Пример кода:

var element = document.getElementById(element_id);
        element.innerHTML = '<p><em>Loading ...</em></p>';
        xmlhttp.open("GET", fragment_url);
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                element.innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.send(null);

xmlhttp.readyState изменяется, когда ваш запрос Ajax обрабатывается и сервер отвечает. xmlhttp.status выдает код возврата с сервера xmlhttp.responseText дает вам ответ от сервера - вы можете использовать его, чтобы определить, является ли ваша бизнес-логика успешной или неудачной (отправьте сообщение об ошибке и проверьте его здесь)