jquery - 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;
        }
     });
});

私の問題は、フォームに複数の入力項目がある場合、使用して値を取得する以外に、すべての項目に ID を指定する必要$('#input1').val()があることです。これは面倒な方法だと思います。

おそらく、すべての入力項目にIDを指定する必要はなく、代わりにPHPの通常のフォーム送信が機能するのと同じように、入力項目名を使用して処理ファイルで値を取得する必要はありません。submitボタンを使用していますか？

Answer 1

jQuery Formプラグインは、このような場合を処理するのに非常に便利です。