ajaxStart(callback):Ajax请求开始时触发该事件
ajaxSend(callback):Ajax请求发送前触发该事件
ajaxSuccess(callback):Ajax请求成功时触发该事件
ajaxComplete(callback):Ajax请求完成时触发该事件
ajaxStop(callback):Ajax请求结束时触发该事件
ajaxError(callback):Ajax请求出现错误时触发该事件
可以对 jQuery 对象调用上述全局事件。
例如,当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
AjaxStartAjaxStop Loading.....
直接利用$.ajaxSetup(options)方法统一设定所有$.ajax()方法中的参数。代码如下:
$.ajaxSetup({ //统一设置$.ajax()方法中的相同部分type: "GET", //data: "user="+escape($("#user").val())+"&comment="+escape($("#comment").val()), beforeSend:function(){$("#target").html("正在载入…");}, error:function(){$("#target").html("载入失败
");}, success: function(data){ //第3个参数,回调函数,在请求完成后执行 $("#target").html(data); }});
也可以在ajax()里面直接使用;
function Ajax(){ $.ajax({ type: "GET", url: "9-15.php", data: "user="+escape($("#user").val())+"&comment="+escape($("#comment").val()), //escape()方法会将参数中的字符串编码成Unicode格式的字符串 beforeSend:function(){ //发送请求之前 $("#target").html("正在载入…");}, error:function(){$("#target").html("载入失败
");}, success: function(data){ //请求成功时 $("#target").html(data); } });}
9-15.php
header("Content-type: text/html; charset=gb2312"); $user=unescape($_GET['user']);$comment=unescape($_GET['comment']);for($i=1;$i<10000000;$i++); //用于延时,以看到正在载入的图标echo "评论人:".$user."
";echo "内容:".$comment."
"