ajax提交整个form表单

最新推荐文章于 2024-12-04 11:21:35 发布

转载最新推荐文章于 2024-12-04 11:21:35 发布 · 798 阅读

html 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了项目开发中三种常见的表单提交方法：使用form元素的action属性、利用jQuery的submit方法以及采用AJAX进行异步提交。重点讲解了如何通过$('#yourformid').serialize()快速获取表单数据并应用于AJAX请求。

来源：http://blog.youkuaiyun.com/tolcf/article/details/41151195

在项目开发中，有时提交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);\
	}
});