Как тут можно реализовать очистку формы?

Question

[MeMoJlor]

Доброй ночи! Есть скрипт отправки.

function send(event, php){
console.log("Отправка запроса");
event.preventDefault ? event.preventDefault() : event.returnValue = false;
var req = new XMLHttpRequest();
req.open('POST', php, true);
req.onload = function() {
	if (req.status >= 200 && req.status < 400) {
	json = JSON.parse(this.response);
    	console.log(json);
        
    	// ЗДЕСЬ УКАЗЫВАЕМ ДЕЙСТВИЯ В СЛУЧАЕ УСПЕХА ИЛИ НЕУДАЧИ
    	if (json.result == "success") {
    		// Если сообщение отправлено
    		alert("Сообщение отправлено");
    	} else {
    		// Если произошла ошибка
    		alert("Ошибка. Сообщение не отправлено");
    	}
    // Если не удалось связаться с php файлом
    } else {alert("Ошибка сервера. Номер: "+req.status);}}; 

// Если не удалось отправить запрос. Стоит блок на хостинге
req.onerror = function() {alert("Ошибка отправки запроса");};
req.send(new FormData(event.target));
}

Возможно ли тут реализовать обновление или очистку формы послe отправки формы?

Answer 1

[Robur]

да, возможно. сразу после строчки if (json.result == "success") {
добавляйте ваш код очистки.

Comments

[MeMoJlor]

Спасибо за ответ. Правильно ли я делаю? Очистка работает, но нет сообщения отправки и сама форма теперь не работает:

if (json.result == "success") {
    		// Если сообщение отправлено
    		alert("Сообщение отправлено");
    		function() {
            $(this).closest('form').get(0).reset();};
    	} else {
    		// Если произошла ошибка
    		alert("Ошибка. Сообщение не отправлено");
    	}

[Robur]

MeMoJlor, нет, не правильно.
1. Зачем вам function?
2. $(this) это не какая-то магическая конструкция, там должен быть правильный this, у вас в данном месте он чему равен?

Я удивлен что очистка как-то работает. В целом, вам надо подучить язык, чтобы вы понимали что вы делаете, если гуглить какие-то куски кода и вставлять наугад в скрипт - у вас мало что получится.

[MeMoJlor]

Robur, Да, я недавно только изучил верстку, ЖС изучаю через бой.

if (json.result == "success") {
    		// Если сообщение отправлено
    		alert("Сообщение отправлено");
            $(reset).closest('form').get(0).reset();
    	} else {
    		// Если произошла ошибка
    		alert("Ошибка. Сообщение не отправлено");
    	}

Т.е так должно выглядеть? В коде знакомое слово get, нужно ли заменить на post? Извиняюсь, но в интернете нигде нет нужной инфы и я не знаю что делать.

[Robur]

MeMoJlor,

я не знаю что делать.

начать отсюда https://learn.javascript.ru/

ну серьезно, скажу я вам что get менять на post не надо, что вы будете дальше делать? пытаться нагуглить почему так? Или спрашивать следующий вопрос?

поставьте себе цель - понять что происходит в строчке $(reset).closest('form').get(0).reset(); в каждой ее части.
что такое $? почему после него (reset)? что такое reset? почему там точка и closest? что она делает? почему в следующих скобках 'form'? что это за 'form' и откуда взялось? что за get и почему там 0? почему вообще там все через точку и в скобочках?
Как разберетесь - перестанете изучать "через бой" и начнете просто изучать.

гуглить можно когда вы уже понимаете как оно все работает и вам нужны детали и информация. Когда вы можете понять то что нагуглилось.

Answer 2

[scottparker]

Ну типа фиг знает, нигде такого не написано