jquery 全局AJAX事件使用代码
2010-11-05 00:00
696 查看
<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>
相关文章推荐
- jquery 全局AJAX事件使用代码
- 使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
- jquery的ajax全局事件详解
- jq代码学习19----- jq中的ajax全局事件
- 6.7: jQuery中的Ajax全局事件(*)
- 使用AmplifyJS和JQuery编写更好更优雅的javascript事件处理代码
- 使用jQuery的.on()为程序动态添加的代码添加事件
- [JS]JQuery中使用Ajax赋值给全局变量异常解决方案
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- Jquery表单序列化和AJAX全局事件
- jquery的ajax全局事件详解
- JQuery中使用Ajax赋值给全局变量异常解决方案
- [置顶] 如何统计网站访问量,代码实现使用全局变量 Application,start,end,Session_start,Session_end事件
- 使用AmplifyJS和JQuery编写更好更优雅的javascript事件处理代码
- Jquery中的ajaxSetup()和全局事件
- web前端使用jQuery发送ajax请求并接受响应的代码公式
- 如何统计网站访问量,代码实现使用全局变量 Application,start,end,Session_start,Session_end事件
- jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
- Django中使用jquery的ajax进行数据交互的实例代码