当前位置: 编程技术>jquery
jquery获得表单所有数据的实例分享
来源: 互联网 发布时间:2014-09-03
本文导语: 使用jquery ajax提交表单时,大多使用***.val(),如此便可以把一个一个的值附加给data。 来看下面的这个例子。 1,页面表单内容 2,jquery提交 $(document).ready(function(){ $("#sub").click(function(){ var user = $("#user").va...
使用jquery ajax提交表单时,大多使用***.val(),如此便可以把一个一个的值附加给data。
来看下面的这个例子。
1,页面表单内容
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操作表单的相关技巧。