jquery中的ajax函数吗,jQuery中的ajaxSuccess()和ajaxComplete()函数有什么区别?

ajaxSuccess()方法

只要AJAX请求成功完成,ajaxSuccess(callback)方法就会附加一个要执行的函数。这是一个Ajax事件。

这是此方法使用的所有参数的描述-callback-要执行的功能。事件对象,XMLHttpRequest和用于该请求的设置将作为参数传递给回调。

假设我们在result.html文件中具有以下HTML内容:

THIS IS RESULT...

示例

以下是显示此方法用法的示例:

The jQuery Example

$(document).ready(function() {

/* Global variable */

var count = 0;

$("#driver").click(function(event){

$('#stage0').load('result.html');

});

/* Gets called when request starts */

$(document).ajaxStart(function(){

count++;

$("#stage1").html("

Starts, Count :" + count + "

");

});

/* Gets called when request is sent */

$(document).ajaxSend(function(evt, req, set){

count++;

$("#stage2").html("

Sends, Count :" + count + "

");

$("#stage2").append("

URL :" + set.url  + "

");

});

/* Gets called when request completes */

$(document).ajaxComplete(function(event,request,settings){

count++;

$("#stage3").html("

Completes,Count:" + count + "

");

});

/* Gets called when request is stopped */

$(document).ajaxStop(function(event,request,settings){

count++;

$("#stage4").html("

Stops, Count :" + count + "

");

});

/* Gets called when all request completes successfully */

$(document).ajaxSuccess(function(event,request,settings){

count++;

$("#stage5").html("

Success,Count :" + count + "

");

});

});

Click on the button to load result.html file:

STAGE - 0

STAGE - 1

STAGE - 2

STAGE - 3

STAGE - 4

STAGE - 5

ajaxComplete()方法

每当AJAX请求完成时,ajaxComplete(callback)方法将附加一个要执行的函数。

这是此方法使用的所有参数的描述-callback-要执行的功能。用于该请求的XMLHttpRequest和设置将作为参数传递给此函数。

假设我们在result.html文件中具有以下HTML内容-

THIS IS RESULT...

示例

以下是显示此方法用法的示例:

The jQuery Example

$(document).ready(function() {

$("#driver").click(function(event){

$('#stage1').load('result.html');

});

$(document).ajaxComplete(function(event, request, settings){

$("#stage2").html("

Request Complete.

");

});

});

Click on the button to load result.html file:

STAGE - 1

STAGE - 2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值