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 相关文章推荐
一些有用的JavaScript和jQuery的片段分享
Aug 23 Javascript
Node.js实战 建立简单的Web服务器
Mar 08 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
Sep 04 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
May 12 Javascript
动态加载css方法实现和深入解析
Jan 18 Javascript
AngularJS页面传参的5种方式
Apr 01 Javascript
Vue的Flux框架之Vuex状态管理器
Jul 30 Javascript
vue项目首屏打开速度慢的解决方法
Mar 31 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
Jul 18 Javascript
如何利用JS将手机号中间四位变成*号
Sep 29 Javascript
Vue2项目中对百度地图的封装使用详解
Jun 16 Vue.js
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
十大“创意”战术!
2020/03/04 星际争霸
织梦模板标记简介
2007/03/11 PHP
php若干单维数组遍历方法的比较
2011/09/20 PHP
jquery下实现overlay遮罩层代码
2010/08/25 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
javascript检测浏览器的缩放状态实现代码
2014/09/28 Javascript
浅谈jQuery事件绑定原理
2015/01/02 Javascript
jquery验证手机号是否正确实例讲解
2015/11/17 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
2016/08/05 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
wap手机端解决返回上一页的js实例
2016/12/08 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
react.js使用webpack搭配环境的入门教程
2017/08/14 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
详解js 创建对象的几种方法
2019/03/08 Javascript
小程序实现图片移动缩放效果
2020/05/26 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
2020/11/11 Javascript
Python中使用items()方法返回字典元素对的教程
2015/05/21 Python
Win10下python3.5和python2.7环境变量配置教程
2018/09/18 Python
python模拟鼠标点击和键盘输入的操作
2019/08/04 Python
python中类的输出或类的实例输出为这种形式的原因
2019/08/12 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
python使用scapy模块实现ARP扫描的过程
2021/01/21 Python
程序设计HTML5 Canvas API
2013/04/08 HTML / CSS
Java里面Pass by value和Pass by Reference是什么意思
2016/05/02 面试题
科室工作个人总结的自我评价
2013/10/29 职场文书
财务会计实训报告
2014/11/05 职场文书
2016春节家属慰问信
2015/03/25 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
初中英语教师个人工作总结2015
2015/07/21 职场文书
员工给公司的建议书
2019/06/24 职场文书
2019年感恩励志演讲稿(收藏备用)
2019/09/11 职场文书
python 如何用map()函数创建多线程任务
2021/04/07 Python
vue elementUI表格控制对应列
2022/04/13 Vue.js