Ajax提交Form表单

前端之家收集整理的这篇文章主要介绍了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) { }
});

猜你在找的Ajax相关文章