六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 74|回复: 0

JQuery Ajax传递整个表单数据方法

[复制链接]

升级  50%

31

主题

31

主题

31

主题

秀才

Rank: 2

积分
125
 楼主| 发表于 2013-2-1 12:53:38 | 显示全部楼层 |阅读模式
转载至: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
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表