jQuery Ajax传递整个表单的数据方法:.serialize()
2010-12-03 13:14
405 查看
jQuery提倡写更少的代码,做更多的事。jQuery的Ajax是我们经常用到的一个方法,当需要传递的数据比较少时我们可以一一的整理成url字符串然后传递给服务器,接受返回的数据。当数据比较多时,我们再一味的用老方法整理数据传递给服务器,无疑是违背了jQuery写更少的代码的初衷。因为jQuery的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)个数据,您还要一一的去整理吗?
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
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);
}
});
$.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);
}
});
$.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
相关文章推荐
- JQuery Ajax传递整个表单数据方法
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中使用serialize()方法提交表单数据示例
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中使用serialize()方法提交表单数据
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中使用serialize() 方法提交表单数据
- jQuery ajax中使用serialize()方法提交表单数据示例
- jQuery ajax中使用serialize()方法提交表单数据
- jQuery ajax中使用serialize() 方法提交表单数据
- ASP.NET MVC 中将数据从View传递到控制器中的三种方法(表单数据绑定)
- 获取表单数据,js{的}serialize()方法乱码问题
- 2016 系统设计第一期 (档案一)jQuery ajax serialize()方法form提交数据
- php、js、html表单数据之间值传递方法
- jquery ajax异步提交表单数据的方法
- jquery ajax提交表单数据的两种实现方法
- jquery的$('#theForm').serialize()获取表单数据,ajax传递到服务器中文乱码。