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 选择文件夹对话框(web)
Jul 07 Javascript
javascript showModalDialog,open取得父窗口的方法
Mar 10 Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
Oct 26 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
Jan 04 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
vue-cli入门之项目结构分析
Apr 20 Javascript
开发Vue树形组件的示例代码
Dec 21 Javascript
vue中动态设置meta标签和title标签的方法
Jul 11 Javascript
详解如何用VUE写一个多用模态框组件模版
Sep 27 Javascript
echarts实现词云自定义形状的示例代码
Feb 20 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 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中出现空白页的原因及解决方法汇总
2014/07/08 PHP
php通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
PHP命名空间和自动加载类
2016/04/03 PHP
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
鼠标拖拽移动子窗体的JS实现
2014/02/25 Javascript
关于JavaScript作用域你想知道的一切
2016/02/04 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
JS和canvas实现俄罗斯方块
2017/03/14 Javascript
js使用highlight.js高亮你的代码
2017/08/18 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
Python处理菜单消息操作示例【基于win32ui模块】
2018/05/09 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
使用python对多个txt文件中的数据进行筛选的方法
2019/07/10 Python
Python内置方法实现字符串的秘钥加解密(推荐)
2019/12/09 Python
python如何基于redis实现ip代理池
2020/01/17 Python
python如何进行矩阵运算
2020/06/05 Python
Numpy中ndim、shape、dtype、astype的用法详解
2020/06/14 Python
html5 canvas-2.用canvas制作一个猜字母的小游戏
2013/01/07 HTML / CSS
美国在线购物频道:Shop LC
2019/04/21 全球购物
网上常见的一份Linux面试题(多项选择部分)
2015/02/07 面试题
微观物理专业自荐信
2014/01/26 职场文书
四年级数学教学反思
2014/02/02 职场文书
小学生操行评语大全
2014/04/22 职场文书
团日活动总结范文
2014/04/25 职场文书
食堂采购员岗位职责
2015/04/03 职场文书
2015初中团委工作总结
2015/07/28 职场文书
Python办公自动化PPT批量转换操作
2021/09/15 Python
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
2021/10/16 HTML / CSS
Sql Server 行数据的某列值想作为字段列显示的方法
2022/04/20 SQL Server