jquery获得表单所有数据的实例分享

使用jquery ajax提交表单时，大多使用***.val()，如此便可以把一个一个的值附加给data。

来看下面的这个例子。

1，页面表单内容

<form name="form1" action="a.php" method="post">
<p><input type="text" name="user" value="" id="user"></p>
<p><input type="text" name="pass" value=""/></p>
<p><input type="button" value="提交" id="sub">
</form>

2，jquery提交

$(document).ready(function(){
      $("#sub").click(function(){
             var user = $("#user").val();
             var pass = $("#pass").val();
              $.ajax({
               type:"POST",
               url:"demo.php",
               data:{user:user,pass:pass},
               success:function(data){
                     alert(data);
               }
           })
      })
})

以上代码，有个缺点：
表单选项很多时，略显麻烦。

变通的方法就是，使用jquery的serialize（）方法。
var arr = $(“form”).serialize();
仅此一句，即可把表单的所有数据传递到php页面处理。

代码虽短，内容丰富，希望可以帮助大家掌握jquery操作表单的相关技巧。