Перевести все формы на AJAX

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

1. Создаем обработчик, например: file.php. В нём вы сами будете решать как обрабатывать поступившие данные ну и выдавать результат.

2. Создаем код, который повесит на каждую форму ajax событие:

   // если подключен jquery
   $(document).ready(function() {
       $('form').submit(function() { 
           var th = $(this);
           $.ajax({
               type: 'POST',
               url: 'file.php',
               data: th.serialize()
           }).done(function(result) {
               // console.log(result);	// результат
           });
           return false;
       });
   });
   
   
   // без jquery
   document.addEventListener('DOMContentLoaded',function(){
       document.querySelectorAll('form').forEach(function(el){
           el.onsubmit=function onSubmit(form){
               var data=new FormData(form);
               var request=new XMLHttpRequest();
               request.open('POST','file.php',false);
               //request.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); // может пригодиться
               request.send(data);
               if(request.readyState==4 && request.status===200){
                   // console.log(request.responseText); // результат
               }
               return false;
           }
       });
   });
   

Теперь при отправке форм, в место обработчика указанного в поле action, будет обрабатываться через javascript.