jquery 全局AJAX事件使用代码


Posted in Javascript onNovember 05, 2010
<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>
Javascript 相关文章推荐
学习ExtJS table布局
Oct 08 Javascript
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
AngularJS基础 ng-copy 指令实例代码
Aug 01 Javascript
angularjs封装$http为factory的方法
May 18 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
Aug 28 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
WebStorm中如何将自己的代码上传到github示例详解
Oct 28 Javascript
Vue+Element-U实现分页显示效果
Nov 15 Javascript
如何用JS实现网页瀑布流布局
Apr 24 Javascript
Jquery ajaxsubmit上传图片实现代码
Nov 04 #Javascript
QUnit jQuery的TDD框架
Nov 04 #Javascript
基于jQuery的仿flash的广告轮播代码
Nov 04 #Javascript
扩展easyui.datagrid,添加数据loading遮罩效果代码
Nov 02 #Javascript
关于document.cookie的使用javascript
Oct 29 #Javascript
深入理解JavaScript定时机制
Oct 29 #Javascript
在JS中最常看到切最容易迷惑的语法(转)
Oct 29 #Javascript
You might like
PHP 文件扩展名 获取函数
2009/06/03 PHP
PHP求最大子序列和的算法实现
2011/06/24 PHP
遍历指定目录下的所有目录和文件的php代码
2011/11/27 PHP
利用phpExcel实现Excel数据的导入导出(全步骤详细解析)
2013/11/26 PHP
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
newxtree.js代码
2007/03/13 Javascript
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
2013/11/07 Javascript
JS获取图片lowsrc属性的方法
2015/04/01 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
vue用addRoutes实现动态路由的示例
2017/09/15 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
vuex与组件联合使用的方法
2018/05/10 Javascript
jQuery实现上下滚动公告栏详细代码
2018/11/21 jQuery
Vue3.0 响应式系统源码逐行分析讲解
2019/10/14 Javascript
[15:23]教你分分钟做大人:虚空假面
2014/10/30 DOTA
Python实现简单字典树的方法
2016/04/29 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
Python实现12306火车票抢票系统
2019/07/04 Python
Pytorch 实现自定义参数层的例子
2019/08/17 Python
python @classmethod 的使用场合详解
2019/08/23 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
浅谈keras中的keras.utils.to_categorical用法
2020/07/02 Python
欧洲品牌瓷器餐具网上商店:Porzellantreff.de
2018/04/04 全球购物
香蕉共和国加拿大官网:Banana Republic加拿大
2018/08/06 全球购物
LivingSocial英国:英国本地优惠
2019/02/22 全球购物
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
WEB控件可以激发服务端事件,请谈谈服务端事件是怎么发生并解释其原理?自动传回是什么?为什么要使用自动传回?
2012/02/21 面试题
大型活动策划方案
2014/01/12 职场文书
商务英语专业求职信
2014/06/26 职场文书
合法的离婚协议书范本
2014/10/23 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
教师节感想
2015/08/11 职场文书