您现在的位置: 万盛学电脑网 >> 程序编程 >> 数据库 >> 数据库综合 >> 正文

jQuery学习之Ajax操作过程处理

作者:佚名    责任编辑:admin    更新时间:2022-06-22

这是一篇关于jQuery学习Ajax操作过程处理的文章,下面我们就与大家一起分享。

对于 jQuery 通过 Ajax 方式传递数据时,我们还可以在过程中进行一定的处理,以便达到我们的需求。

观察函数

ajaxStart 和 ajaxStop 函数可以用来作为观察函数,我们可以使用观察函数的回调函数来做相应的处理。

当 Ajax 请求开始且尚未进行其他传输时,会触发 ajaxStart 的回调函数。

当最后一次活动请求终止时,则会执行通过 ajaxStop 注册的回调函数。

由于观察函数具备全局性,所以需要使用 $(document) 来调用。我们通过使用 Ajax 方法取得一个图片的例子来测试两个函数:

同目录下的 test.html 内容为:

点击按钮后希望载入图像:

$('button').click(function() {

$('div').load('test.html');

});

此时我们可以使用 ajaxStart 和 ajaxStop 函数来增加提示:

$(document).ajaxStart(function() {//

alert('load a picture');

}).ajaxStop(function() {

alert('show a picture');

});

$('button').click(function() {

$('div').load('test.html');

});

此时点击按钮后,再图像载入前先提示 load a picture,载入后提示 show a picture。

错误处理

最常用的方式是全局的 ajaxError 方法,以上例为例,如果我们像一个不存在的页面发送数据请求:

$(document).ajaxError(function() {//

alert('load failed!');

});

$('button').click(function() {

$('div').load('noexsited.html');

});

此时点击按钮后:对于非 load 方法,还可以使用 fail 方法来连缀处理:

$('button').click(function() {

$.get('noexsited.html',

以上就是我们为大家准备的jQuery学习Ajax操作过程处理的文章的相关内容,希望对大家可以有所帮助。