Как обрабатывать данные формы с помощью Ajax (JQuery)

Question

Я это форма PHP

<form action="" method="POST"> 
    <input id="input1" name="key" type="text"> 
    <input id="input2" name="name" type="text"> 
    <button id="btn" type="button">Enter</button> 
</form> 

Я хочу представить форму с помощью Ajax, так это то, как я это делаю

$('#btn').click(function(){ 
    var input1 = $('#input1').val(); 
    var input2 = $('#input2').val(); 
    var pass = 'val1='+input1+'&val2='+input2; 
    $.ajax({ 
     type: "POST", 
     url: "process.php", 
     data: pass, 
     success: function(data){ 
      //success; 
     } 
    }); 
}); 

Моя проблема если форма имеет несколько элементов ввода, я должен указать идентификатор для каждого элемента, кроме того, что он извлекает его значение, используя $('#input1').val(), и я считаю, что это громоздкий метод.

Так что лучше, чем это обрабатывать форму в ajax, возможно, что не нужно указывать идентификатор для каждого элемента ввода и вместо этого извлекать значения в файле обработки, используя имя входного элемента точно так же, как php нормальная форма подачи работает с помощью кнопки submit?

Answer 1

jQuery Form plugin очень приятно обрабатывать такой случай.