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 相关文章推荐
js监听输入框值的即时变化onpropertychange、oninput
Jul 13 Javascript
jQuery中实现动画效果的基本操作介绍
Apr 16 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
Nov 23 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
Nov 17 Javascript
jQuery插件简单学习实例教程
Jul 01 Javascript
js实现楼层导航功能
Feb 23 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
教你用Cordova打包Vue项目的方法
Oct 17 Javascript
解析vue中的$mount
Dec 21 Javascript
使用webpack搭建react开发环境的方法
May 15 Javascript
vue-cli中使用高德地图的方法示例
Mar 28 Javascript
详解Vue中的watch和computed
Nov 09 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
图书管理程序(二)
2006/10/09 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
PHP中str_split()函数的用法讲解
2019/04/11 PHP
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
JS中的Replace方法使用经验分享
2015/05/20 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
jQuery实现鼠标滑过点击事件音效试听
2015/08/31 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
2016/02/26 Javascript
javascript轮播图算法
2016/10/21 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
使用JavaScript进行表单校验功能
2017/08/01 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
JavaScript私有变量实例详解
2019/01/24 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
2019/04/10 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
Vue 实现输入框新增搜索历史记录功能
2019/10/15 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
python和C语言混合编程实例
2014/06/04 Python
Python使用中文正则表达式匹配指定中文字符串的方法示例
2017/01/20 Python
python 寻找优化使成本函数最小的最优解的方法
2017/12/28 Python
python实现俄罗斯方块
2018/06/26 Python
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
css3学习心得分享
2013/08/19 HTML / CSS
纯CSS3制作页面切换效果的实例代码
2019/05/30 HTML / CSS
详解HTML5中rel属性的prefetch预加载功能使用
2016/05/06 HTML / CSS
模范家庭事迹材料
2014/02/10 职场文书
党员教师群众路线个人整改措施
2014/10/28 职场文书
安全责任书
2015/01/29 职场文书
2015年档案管理工作总结
2015/04/08 职场文书
停车场管理制度范本
2015/08/05 职场文书
2016党员干部政治学习心得体会
2016/01/23 职场文书
图解排序算法之希尔排序Java实现
2021/06/26 Java/Android