HTTP-запросы (JavaScript).

Отправка POST-запроса в JavaScript с помощью XMLHttpRequest

// Как только страница загрузилась 
  window.onload = function () { 
// Проверяем поддерживает ли браузер FormData 
    if(!window.FormData) {
      alert("Ваш браузер не поддерживает загрузку файлов!");
    }
  }

$(document).ready(function(){

// Определяем событие по клику на кнопку  отправки формы (button id="your-form-send")
const yourFormSend = document.getElementById('your-form-send');
yourFormSend.addEventListener('click', (e) =>{
e.preventDefault();
	
// Создаем объект XMLHttpRequest
    var request = new XMLHttpRequest();
	
// Создаем объект запроса
    request.open("POST", "Путь к скрипту обработчика данных формы");	
	
// Устанавливаем заголовок запроса
	request.setRequestHeader("X-Requested-With", "XMLHttpRequest");	
	
// Определяем слушателя событий для readystatechange
    request.onreadystatechange = function() {
	
// Проверяем, был ли запрос успешным
        if(this.readyState === 4 && this.status === 200) {
		
// Вставляем ответ от сервера в HTML-элемент с id="server_response"
            document.getElementById("server_response").innerHTML = this.responseText;
        }
    };
	
// Получяем данных формы с id="your-form"
    var yourForm = document.getElementById("your-form");
    var formData = new FormData(yourForm);
	
// Отправляем запрос на сервер
    request.send(formData);
	
// Очищаем поля формы после получения ответа сервера
   document.getElementById("your-form").reset();
	
});
	
})
						

Асинхронный запрос в jQuery с помощью метода $.ajax()

						
$(document).ready(function(){
     $("#your-form-send").click(function(){ 
     $.ajax({
        type: "POST",
        url:"Путь к скрипту обработчика данных формы",
        data:$("#your-form").serialize(),
        error:function(){$("#server_response").html("Произошла ошибка!");},
        beforeSend: function(){
            $("#server_response").html("Отправка данных...");
        },
        success: function(result){
        $("#server_response").html(result);
        $("#your-form")[0].reset();
        } 
    });
    return false;
});
});
						

Все просто, если ничего не усложнять!

Здесь представлены примеры асинхронных POST-запросов с помощью XMLHttpRequest и метода $.ajax() в jQuery... Обязательно проверяйте на стороне сервера все вводимые пользователями данные! Применяйте методику разработки программного обеспечения, предотвращающую внедрение уязвимостей, обеспечивающую устойчивость к воздействию вредоносных программ и несанкционированному доступу!