ajax提交整个form表单

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

风雨兼程之2017

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

阅读量564

点赞数

分类专栏： ajax

ajax 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了表单提交的三种常见方法：使用form自带的action属性、jQuery提交以及AJAX提交。特别强调了当表单数据量大时，如何使用jQuery的serialize方法简化数据提交过程。

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

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

</pre><pre style="list-style: none; padding: 0px; outline: 0px; border: currentColor; color: rgb(51, 51, 51); line-height: 1.4285; overflow: auto; font-family: Menlo,Monaco,Consolas,"Courier New",monospace; font-size: 13px; margin-top: 0px; margin-bottom: 0px; word-break: break-all; word-wrap: break-word; background-color: rgb(245, 245, 245);" class=" JScript" name="code">

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

第一种：用form自带属性<span style="color: rgb(255, 0, 0);"><strong>action</strong></span>提交

第二种：用jquery提交：<span style="line-height: 1.4285; background-color: rgb(240, 240, 240);"><strong><span style="color: rgb(255, 0, 0);">$("#formid").submit();</span></strong></span>

<span style="line-height: 1.4285; background-color: rgb(240, 240, 240);">第三种：用ajax提交：</span>

<span style="line-height: 1.4285; background-color: rgb(240, 240, 240);">但如果form表单中数据很多时，不可能一一列出，只需要用</span><pre style="list-style: none; padding: 0px; outline: 0px; border: currentcolor; line-height: 1.4285; overflow: auto; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; margin-top: 0px; margin-bottom: 0px; word-break: break-all; word-wrap: break-word; background-color: rgb(245, 245, 245);" class=" JScript" name="code"><span style="color: rgb(255, 0, 0);"><strong>$('#yourformid').serialize()</strong></span>就可以了

</pre>

举例如下：

$.ajax({
	cache: true,
	type: "POST",
	url:ajaxCallUrl,
	<span style="color: rgb(255, 0, 0);"><strong>data:$('#yourformid').serialize(),</strong></span>// 你的formid
	async: false,
	error: function(request) {
		alert("Connection error");
	},
	success: function(data) {
		$("#commonLayout_appcreshi").parent().html(data);\
	}
});