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操作表单的相关技巧。

您可能感兴趣的文章：
jquery获得表单所有数据的实例分享
jquery获得url参数列表的例子
jQuery获得内容与属性方法
jquery解析多维Json格式数据的例子
jquery根据name属性查找示例
php Mysql数据库备份类及调用方法
php中json的跨域实例分析
jquery获取form表单元素值的实例
Jquery 获取对象的多种方式
JQuery 学习笔记 选择器之一