如何使用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()检索它的值之外，我还要为每个项目提供一个id，我认为这是一种麻烦的方法。

因此有一种方法可以更好地处理ajax中的表单，可能不需要为每个输入项赋予一个id，而是使用输入项名称检索处理文件中的值，就像php normal一样表单提交使用submit按钮吗？

Answer 1

jQuery Form plugin处理这种情况非常好。