复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery Ajax - AjaxEvent</title> <script src="../jquery-1.4.3.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#btnAjax").bind("click", function(event) { $.get("Default.aspx",{"resultType":"dddd"},function(data){ $("#divResult").html(Date);}); }) //AJAX 请求完成时执行函数 $("#divResult").ajaxComplete(function(evt, request, settings) { $(this).append('<div>ajax执行完成</div><br />'); }) //AJAX 请求发生错误时执行函数 $("#divResult").ajaxError(function(evt, request, settings) { $(this).append('<div>ajax执行发生错误</div><br />'); }) //AJAX 请求发送前执行函数 $("#divResult").ajaxSend(function(evt, request, settings) { $(this).append('<div>ajax执行发送前</div><br />'); }) //AJAX 请求开始时执行函数 $("#divResult").ajaxStart(function() { $(this).append('<div>ajax开始执行</div><br />'); }) //AJAX 请求结束时执行函数 $("#divResult").ajaxStop(function() { $(this).append('<div>ajax执行结束</div><br />'); }) //AJAX 请求成功时执行函数 $("#divResult").ajaxSuccess(function(evt, request, settings) { $(this).append('<div>ajax执行成功</div><br />'); }) }); </script> </head> <body> <br /><button id="btnAjax">发送Ajax请求</button><br/> <div id="divResult"></div> </body> </html>
推荐阅读
需要做特殊处理的DOM元素属性的访问
复制代码 代码如下: var props = { 'for' : 'htmlFor', 'class': 'className', readonly: 'readOnly', maxlength: 'maxLength', cellspacing: 'cellSpacing', rowspan: 'rowSpan', co>>>详细阅读
本文标题:jquery 全局AJAX事件使用代码
地址:http://www.17bianji.com/kaifa2/JS/25473.html
1/2 1