jquery 全局AJAX事件使用代码

 更新时间:2010年11月05日 14:40:01   作者:  
jquery 全局AJAX事件使用代码,需要的朋友可以参考下。
复制代码 代码如下:

<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实现简单瀑布流布局

    JQuery实现简单瀑布流布局

    这篇文章主要为大家详细介绍了JQuery实现简单瀑布流布局,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • jquery fancybox ie6不显示关闭按钮的解决办法

    jquery fancybox ie6不显示关闭按钮的解决办法

    本篇文章主要是对jquery fancybox ie6不显示关闭按钮的解决办法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 使用jquery+CSS实现控制打印样式

    使用jquery+CSS实现控制打印样式

    这篇文章主要介绍了使用jquery+CSS实现控制打印样式,需要的朋友可以参考下
    2014-12-12
  • jQuery无缝轮播图代码

    jQuery无缝轮播图代码

    这篇文章主要为大家详细介绍了jQuery无缝轮播图代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Jquery 全选反选实例代码

    Jquery 全选反选实例代码

    本文给大家介绍基于jquery代码实现的全选全不选反选实例代码,代码简单易懂,非常实用,感兴趣的一起学习吧
    2015-11-11
  • jquery.qtip提示信息插件用法简单实例

    jquery.qtip提示信息插件用法简单实例

    这篇文章主要介绍了jquery.qtip提示信息插件用法,结合简单实例形式分析了该插件用于显示提示信息的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • jquery获取input type=text中的值的各种方式(总结)

    jquery获取input type=text中的值的各种方式(总结)

    下面小编就为大家带来一篇jquery获取input type=text中的值的各种方式(总结)。小编觉的挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • jquery实现页面关键词高亮显示的方法

    jquery实现页面关键词高亮显示的方法

    这篇文章主要介绍了jquery实现页面关键词高亮显示的方法,实例分析了jQuery插件highlight实现高亮显示的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-03-03
  • jquery ajax abort()的使用方法

    jquery ajax abort()的使用方法

    最近在做一个项目,里面需要js 异步请求的时候,把上一次的的请求取消
    2010-10-10
  • jQuery中contents()方法用法实例

    jQuery中contents()方法用法实例

    这篇文章主要介绍了jQuery中contents()方法用法,实例分析了contents()方法的功能、定义及查找匹配元素内部所有的一级子节点的使用技巧,需要的朋友可以参考下
    2015-01-01

最新评论