За последние 24 часа нас посетили 22334 программиста и 1026 роботов. Сейчас ищут 695 программистов ...

Универсальный скрипт для отправки данных с форм?

Тема в разделе "JavaScript и AJAX", создана пользователем Konstant1n, 3 мар 2018.

  1. Konstant1n

    Konstant1n Активный пользователь

    С нами с:
    14 авг 2017
    Сообщения:
    273
    Симпатии:
    1
    Адрес:
    Волгоград
    Есть скрипт, который отправляет данные формы в обработчик. Работает это без перезагрузки страницы.
    Пример ниже
    Код (Javascript):
    1. $('#saveFile').on('submit', function( e ) {
    2.             e.preventDefault();
    3.             var $that = $(this),
    4.                 formData = new FormData( $that.get(0) );
    5.             $.ajax({
    6.                 url: $that.attr( 'action' ),
    7.                 type: $that.attr( 'method' ),
    8.                 contentType: false,
    9.                 processData: false,
    10.                 data: formData,
    11.                 dataType: 'json',
    12.                 success: function( json ){
    13.                     if ( json ){
    14.                         result.html( json ); //успех
    15.                     } else {
    16.                         result.html( 'Запрос завершился неудачей :-(' );
    17.                     }
    18.                 }
    19.             });
    20.         });
    HTML:
    1.  
    2. <form name="saveFile" id="saveFile" action="путь к обработчику" method="post" enctype="multipart/form-data">
    3. <input name="userFile" type="file">
    4. <input type="submit" value="Загрузить файл" />
    5. </form>
    6.  
    Все работает отлично. Так вот как мне этот скрипт использовать и для других форм, чтобы не копипастить, т.е. сделать универсальным для отправки данных с любых форм.

    Еще вопрос - что такое e?
     
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.745
    Симпатии:
    1.319
    Адрес:
    Лень
    холодильник где хранятся продукты
     
  3. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.199
    Симпатии:
    184
    e это объект кликнутого элемента, через него можно узнать свойства, например e.target
     
  4. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Кликнутого на всю голову :D
    Объект события, если быть точным. ;)
     
  5. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.553
    Симпатии:
    631
    В данном случае не кликнутого элемента, а посылаемой формы, потому что эвент не на onclick, а на onsubmit.