Можно ли решить задачу без библиотек (jquery и пр.)?
 

Здравствуйте, товарищи!

Скажите пожалуйста, можно ли решить подобную задачу без библиотек, на чистом js? Это отправка формы без перезагрузки и вывод сообщения в всплывающем окне.

Если это возможно, то как? :)

$(document).ready(function() {
	$('form').submit(function(event) {
		var json;
		event.preventDefault();
		$.ajax({
			type: $(this).attr('method'),
			url: $(this).attr('action'),
			data: new FormData(this),
			contentType: false,
			cache: false,
			processData: false,
			success: function(result) {
				json = jQuery.parseJSON(result);
				if (json.url) {
					window.location.href = '/' + json.url;
				} else {
					alert(json.status + ' - ' + json.message);
				}
			},
		});
	});
});

Chile, все "библиотеки" написаны на "чистом JS"... ;)

Понятное дело :) но я о том, что хотел бы получить решение «малой кровью», без подключения сторонних ресурсов

Chile, у тебя уже приведен пример отправки без перезагрузки...
Осталось узнать что ты понимаешь под выводом сообщения во всплывающем окне.

Это вот модальное окно... Чем не устраивает?

А оно не работает без вот этого:

<script src="http://…jquery.js"></script>

:)

Окно работает и без этого...

alert('Опа!')

А отправку данных можно сделать нативным fetch()...
https://learn.javascript.ru/fetch

Это очень хорошо, но я очень плохо понимаю джаваскрипт, только пэхапэ б/м сносно… :(

Вот еще статья на тему отправки форм...
https://www.mousedc.ru/learning/593-...ript-formdata/

Т.ч. придется таки понимать начать. Как иначе?

Маловероятно, что у меня что-то выйдет, но всё равно большое спасибо за участие и материалы :)