Как понять логику js-кода?

Question

[Вениамин Смирнов]

Привет!

Есть код, который после отправки формы скрывает кнопку отправки формы и выводит сообщение об успешной отправке. Помогите, пожалуйста, «понять» этот код человеческим языком.

Как я понимаю, отписал в комментариях к коду:

$("#form").submit(function() { // при отправке формы выполнить функцию
        var th = $(this); // ???
        $.ajax({ // ???
          type: "POST", // метод отправки
          url: "mailer.php", // файл-обработчик с кодом отправки письма
          data: th.serialize() // ???
        }).done(function() { // когда функция выше будет выполнена, то
          $('.inputs').css('display', 'none'); // скрыть элемент с классом inputs
          $('.success').css('display', 'block'); // показать элемент с классом c
        });
        return false;
      });

Проблемные моменты отметил: ???

P.S. Если моё решение кривое (через скрытие элемента и показ другого), предложите, пожалуйста, что-то адекватное. В JS только учусь.

Answer 1

[Виталий Инчин ☢]

.........
var th = $(this); /*  http://jquery-docs.ru/Core/jQuery/  */
$.ajax({ /*  http://jquery-docs.ru/Ajax/jQuery.ajax/  */
    .........
    data: th.serialize() /*  http://jquery-docs.ru/ajax/serialize/  */
})
.........

Но почему, блин, вы сами это найти в гугле не пытаетесь?

Answer 2

[WebDev]

$(this) - это сам объект jQuery. В данном случае это $('#form'). Ее запоминают в переменную, потому что контекст $(this) может измениться. В этом коде ее запоминают и сериализуют (собирают информацию из всех полей формы).
Нормальное решение.

Comments

[Stalker_RED]

Дополню еще на всякий случай, что вторая строка "с вопросиками", та где $.ajax({
это вызов jQuery.ajax с параметрами, которые описаны в мануале: api.jquery.com/jquery.ajax/#jQuery-ajax-settings

Подробное описание jQuery.serialize() можно найти там-же.