zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    shell脚本编程
    Linux系统C语言开发环境学习
    Linux系统用户管理及VIM配置
    实验二 Linux系统简单文件操作命令
    实验一 Linux系统与应用准备
    DS01-线性表
    c博客作业 指针
    C博客06-2019-结构体&文件
    c语言博客作业04 数组
    c语言博客作业03 函数
  • 原文地址:https://www.cnblogs.com/xiamou/p/3479082.html
Copyright © 2011-2022 走看看