JQuery 异步Ajax

本文详细介绍了jQuery中异步Ajax的使用,包括$.ajax()设置、数据类型、成功和错误回调函数,以及如何使用Ajax提交表单数据。提到了serialize()和serializeArray()方法序列化表单数据,并讲解了GET、POST请求方式以及如何接收服务器端的表单数据。

1.jQuery中的异步ajax

(1).$.ajax({settings});

(2).type:类型,“POST"或"GET”,默认值为"GET"

(3).url:发送请求的地址

(4).async:设置异步,(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为
false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

(5).data:是一个对象,连同请求发送到服务器的数据

(6).dataType:预期服务器返回的数据类型,如果不指定,jQuery将自动根据http包MIME信息来智能判断,一般我们采用json格式,可以设置为"json"

(7).success:是一个方法,请求成功后的回调函数,传入返回后的数据,以及包含成功代码的字符串

error:是一个方法,请求失败是调用此函数,传入XMLHttpRequest对象

2.如何在jQuery中用Ajax方法将表单数据提交给服务器

(1).serialize() 序列表单内容为字符串,用于 Ajax 请求

(2).serializeArray() 序列化表单元素 (类似 ‘.serialize()’ 方法) 返回 JSON 数据结构数据。(注意:此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对,name参数和value参数)

2.发送方法

.get(url,[data],[callback],[type])(如果在出错时执行函数,请使用.get(url, [data], [callback], [type])(如果在出错时执行函数,请使用.get(url,[data],[callback],[type])使ajax)、

.post(url,[data],[callback],[type])(如果在出错时执行函数,请使用.post(url, [data], [callback], [type]) (如果在出错时执行函数,请使用.post(url,[data],[callback],[type])使ajax)、

$.getJSON(url, [data], [callback])

都是通过HTTP GET请求载入Json数据。

参数说明: url:发送请求地址。

       data:待发送 Key/value 参数。

       callback:发送成功时回调函数。

       type:返回内容格式,xml, html,

script, json, text, _default

3.接收表单数据

(1).通过形参的方式接收表单提交的数据(可以接收post与get提交的数据)

(2). 通过FormCollection来接收表单的数据(只能接收到post提交过来的数据)

(3). 通过 Request.Form[“name的属性值”]获取表单数据(只能接收到post提交过来的数据)

(4). EntityClass实体类接收数据(可以接收post与get提交的数据)

如果有不明白的地方,请去前面JavaScript的异步Ajax了解。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值