作家
登录

jquery 全局AJAX事件使用代码

作者: 来源:www.28hudong.com 2013-03-30 01:12:26 阅读 我要评论

复制代码 代码如下: <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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)