如何使用ajax（jQuery）处理表单提交

我有一个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>

我的问题是，当表单有多个输入项时，除了使用

$（'#input1'）.val（）

检索它的值之外，我还必须为每个项提供一个id，我认为这是一个麻烦的方法

---

有没有比这更好的方法在ajax中处理表单，可能它不需要为每个输入项提供id，而是使用输入项名称在处理文件中检索值，就像php普通表单提交使用

submit

按钮一样？

处理这种情况非常好。

与

ajaxForm（）有什么区别

和

ajaxSubmit（）

此处？从中，

ajaxForm

不提交表单，只准备表单。在您的情况下，

ajaxSubmit

似乎是合适的。

$('#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;
        }
     });
});