JQuery форму электронной почты, как отправить всю информацию из полей?

Question

У меня есть простая контактная форма электронной почты, которая имеет несколько полей ввода. Прямо сейчас он отправляет только значение одного из полей (сообщение). Как изменить код, чтобы я мог отправить всю информацию из полей? У меня около 15 полей.

Вот код:

$('#submit').click(function(){

$.ajax({
type: "POST",
url: "mail.php",
data: ({email : $("#email").val(), message: $("#message").val()}),
cache: false,
 error: function () {

    alert('did not go thru');
   },
success: function(html){
//$("#response").fadeIn("slow");
$("#tab1").html(html);
//setTimeout('$("#response").fadeOut("slow")',2000);
alert('mail sent');
}
});


 });

Answer 1

Если вы вместо этого даете форме идентификатор и переместите обратный вызов в событие отправки формы, вы можете легко использовать метод сериализации для автоматической отправки всей формы:

$('#form-id').submit(function(){

$.ajax({
type: "POST",
url: "mail.php",
data: $(this).serialize(),
cache: false,
 error: function () {

    alert('did not go thru');
   },
success: function(html){
//$("#response").fadeIn("slow");
$("#tab1").html(html);
//setTimeout('$("#response").fadeOut("slow")',2000);
alert('mail sent');
}
});


 });

Answer 2

Почему бы не добавить оставшиеся поля к данным?