JQuery Ajax传递整个表单数据方法-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_10144/article/details/82037249

本文介绍如何使用jQuery的Ajax方法简化表单数据的传递过程。通过serialize方法自动收集表单数据，减少手动拼接字符串的工作量，使得代码更加简洁高效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载至:http://webkook.com/archives/134

jQuery提倡写更少的代码，做更多的事。jQuery的Ajax是我们经常用到的一个方法，当需要传递的数据比较少时我们可以一一的整理成 url字符串然后传递给服务器，接受返回的数据。当数据比较多时，我们再一味的用老方法整理数据传递给服务器，无疑是违背了jQuery写更少的代码的初衷。因为jQuery的Ajax能传递整个表单的数据。
jQuery Ajax传统的传递数据的方法：


$.ajax({
type : 'post',
url : 'http://php.0312.us',
dataType : 'text', data : 'name1=' + $('#name1').val() + '&name2=' + $('#name2').val(),
success : function (xml) {alert(xml); },
error : function (xml, err) {         alert(err);     } });

上面的代码是利用jQuery Ajax向服务器（http://php.0312.us）传递name1,name2的数据；假如Form表单中有name(n)个数据，您还要一一的去整理吗？
jQuery Ajax传递整个表单数据的方法：


$.ajax({
type : 'post',
url : 'http://php.0312.us',
dataType : 'text',
data : $('#formID').serialize(),
success : function (xml) {         alert(xml);     },
error : function (xml, err) {         alert(err);     } });

jQuery serialize方法将Form表单的各数据编码并整理为一个可以提交的字符串。如：a=123&b=456&c=789