Ajax提交Form表单

1.      背景

在java后台开发中，经常要从前端向后台提交表单数据。利用Ajax进行Form表单提交，是很常用的方法。本文主要讲解Ajax提交表单的基本应用。

2.      Ajax提交表单基本用法

ajax()方法是通过HTTP请求加载远程数据。常用参数和方法如下：

（1）async：

类型：Boolean

默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，需将此选项设置为 false。

（2）cache

类型：Boolean

默认值: true，dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。

（3）data

类型：String

发送到服务器的数据。将自动转换为请求字符串格式。

（4）dataType

类型：String

预期服务器返回的数据类型。

（5）type

类型：String

默认值: "GET")。请求方式 ("POST" 或 "GET")，默认为 "GET"。

（6）url

类型：String

默认值: 当前页地址。发送请求的地址。

（7）error

回调函数，在请求出错时调用。

（8）success

当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。

3. Ajax提交表单代码示例

$.ajax({
	url : url,
	data :data,
	type : "post",
	dataType : "json",
	cache : false,
	async : false,
	error : function(data) { }
        success : function(data) { }
});