Advertisement
Guest User

jQuery form post

a guest
Mar 7th, 2019
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 0.84 KB | None | 0 0
  1. $('form_selector').on('submit',function(e){
  2.     console.log(e);
  3.  
  4.     // отменяю дефолтную отправку формы
  5.     e.preventDefault();
  6.  
  7.     // Получаю все поля формы как массив. Конвертирую массив в объект для отправки.
  8.     let dataToSend = {};
  9.     e.target.serializeArray().forEach(function (el) {
  10.         dataToSend[el.name] = el.value;
  11.     });
  12.  
  13.     // Отправляю данные ajax'ом
  14.     $.ajax({
  15.         type: "POST",
  16.         url: "some_url.com",
  17.         data: dataToSend,
  18.         success: null,
  19.         dataType: 'json'
  20.     });
  21.  
  22.     // Очищаю форму
  23.     $(':input','form_selector')
  24.         .not(':button, :submit, :reset, :hidden')
  25.         .val('')
  26.         .prop('checked', false)
  27.         .prop('selected', false);
  28. }) ;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement