jquery中的ajax事件,jQuery Ajax中的事件详细介绍

对于这个例子，

这样我们就可以很方便的全局地在某个地方显示当前的ajax状态。

当然，之前说了，第三个参数实际上是传递给ajax的参数。get/post/load/getScript/getJSON等方法本质上都是调用ajax方法的，所以ajaxOptions.url属性总是有效的。

还有更丰富的例子。

如果你用ajax调用，还可以传递自定义参数。下面的例子我就自定义了一个msg参数给了ajax调用

代码如下:

自定义参数msg

$.ajax({url:"test1.html",type:"get",msg:"页面一"});

$.ajax({url:"test2.html",msg:"页面二"});

$.ajax({url:"test3.html",msg:"页面三"});

$.ajax({url:"test4.html",msg:"页面四"});

//这里就能获取到自定义参数msg。

//这可以用来区别对待不同的ajax请求。

$("#msg").beforeSend(function(e,o) {

$(this).html("正在请求"+o.msg);

}).ajaxSuccess(function(e,o) {

$(this).html(o.msg+"请求成功");

}).ajaxError(function(e,o) {

$(this).html(o.msg+"请求失败");

});

最后对于load方法，还有话说。

其他的简易ajax方法，比如get,post,getJSON等，他们的回调函数都是设置了success回调。

而只有load设置的其实是complete回调。

所以，load里设置的回调函数的参数应该有2个。

XMLHttpRequest和textStatus

但实际上也并非如此。

load的回调有三个参数

XMLHttpRequest.responseText,textStatus,XMLHttpRequest

所以，你可以在load的回调里

通过textStatus==”success”或者textStatus==”error”来判断是否调用成功。

或者用XMLHttpRequest.status属性判断是200还是404或者其他的。

这点上，我认为比普通的get/post等方法更先进。如果要单数设置每get的error是不可能的。但是设置一个全局的ajaxError其实也是不错的选择。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。