如何使用 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 正常表单提交可以使用submit 按钮吗？

Answer 1

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