Как отправить форму, не перезагружая страницу?

function sendRequest(form)
{
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "test.php");
    xhr.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8');
    xhr.send(form.message.value);
    
    if (xhr.responseText) alert(xhr.responseText);
    else alert("Fail");
}

function sendRequest(form)
{
   jQuery.ajax({
      url: "test.php",
      type: "POST",
      dataType: "html",
      data: jQuery("#"+form).serialize(),
      success: function(response) {
         alert(response);
      },
      error: function(response) {
         alert("Fail");
      }
   });
}

success: function(response) {
         alert(response);
      },
      error: function(response) {
         alert("Fail");

xhr.open("POST", "test.php", true);

function sendRequest(form)
{
    var url = form.getAttribute('action');
 
    var promise = new Promise(function(resolve, reject){
        jQuery.ajax({url: url, type: "POST", dataType: "html", data: jQuery(form).serialize(),
            success: function(response)
                {
                    resolve(response);
                },
            error: function(response)
                {
                    reject(response);
                },
            function(){alert("success")}
        });
    });
    promise.then(
        function(response){
            return ("Success: "+response);
        },
        function(response){
            return ("Fail: "+response);
        }
    );
}

function sendRequest(form)
{
    var url = form.getAttribute('action');
    var result = "fail";
    
    $.ajax({url: url, beforeSend: function( xhr ) {xhr.overrideMimeType( "text/plain; charset=x-user-defined" );}})
    .done(function(){result = "Success";});
    
    return result;
}

.done(function(result){
  alert("Success");
});

function*(){
  var result = yield $.ajax({
     url: url, 
     beforeSend: function( xhr ) {
        xhr.overrideMimeType( "text/plain; charset=x-user-defined" ); //не понимаю зачем, если у $.ajax есть подобные свойства
     }
  });
  return result;
}

function sendRequest1(callback){ //callback, выполнит код, когда вся цепочка запросов выполнилась
  $.ajax({
    //свойства
    success: function(response){
      sendRequest2(response, callback); //передаем callback в следующую функцию
    }
  });
}
 
function sendRequest2(response, callback){
  //формируем следующий запрос на основе response (обозвать можно как угодно)
  $.ajax({
    //свойства
    success: function(response2){
      sendRequest3(response2, callback); //передаем callback в следующую функцию
    }
  });
}
 
function sendRequest3(response2, callback){ //допустим, что это последний запрос
  //формируем следующий запрос на основе response2 (обозвать можно как угодно)
  $.ajax({
    //свойства
    success: function(response3){
      //заканчиваем асинхронную цепочку
      callback(response3);
    }
  });
}
 
//где-то в коде
sendRequest1(function(response3){
  alert("Все запросы выполнены");
});

var sequence = (function (URLs) {
    return function recursive() {
        if (!!URLs.length) {
            $.ajax({
                url : URLs[0]
            }).complete(function (data, err) {
 
                    $("#log").append(data);
                    $("#log").append(err);
          
         // if( data == ... ){...}
 
                URLs.shift();
                recursive.call('...');
            });
        }
    }
})(['/mess.php', '/mess.php', '/mess2.php', '/mess100500.php']);
sequence();