手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery 全局AJAX事件使用代码
jquery 全局AJAX事件使用代码
摘要:复制代码代码如下:jQueryAjax-AjaxEvent$(document).ready(function(){$("#btnAjax"...

复制代码 代码如下:

<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事件使用代码】相关文章:

JavaScript实现身份证验证代码

jQuery插件制作之参数用法实例分析

免费空间广告万能消除代码

jquery中添加属性和删除属性

jquery预加载图片的方法

超酷右下浮出广告窗口代码

javascript相关事件的几个概念

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

网页常用特效代码整理

Jquery注册事件实现方法

精品推荐
分类导航