ajax提交整个form表单

最新推荐文章于 2024-08-25 13:52:49 发布

原创最新推荐文章于 2024-08-25 13:52:49 发布 · 4w 阅读

26 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #提交form表单

Html/Jquery/Ajax 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了项目开发中表单提交的三种常见方法：使用form元素的action属性、利用jQuery的submit方法及采用Ajax进行异步提交。重点讨论了如何通过Ajax结合serialize方法简化表单数据的发送过程。

在项目开发中，有时提交form表单时不能单单用action或者jquery的

表单提交方法有三种，主要说下第三种

第一种：用form自带属性action提交

第二种：用jquery提交：$("#formid").submit();

第三种：用ajax提交：

但如果form表单中数据很多时，不可能一一列出，只需要用$('#yourformid').serialize()就可以了

举例如下：

$.ajax({
	cache: true,
	type: "POST",
	url:ajaxCallUrl,
	data:$('#yourformid').serialize(),// 你的formid
	async: false,
	error: function(request) {
		alert("Connection error");
	},
	success: function(data) {
		$("#commonLayout_appcreshi").parent().html(data);\
	}
});