jquery ajax 中各个事件执行顺序如下：

1.ajaxStart(全局事件)

2.beforeSend

3.ajaxSend(全局事件)

4.success

5.ajaxSuccess(全局事件)

6.error

7.ajaxError (全局事件)

8.complete

9.ajaxComplete(全局事件)

10.ajaxStop(全局事件)

下面看个例子：

 $("#ACCOUNT_TYPE").bind('click', function() {

          //alert( $(this).val());

          var msg="";

          if($(this).val()=="B134002")//托管

          {

              //msg="托管";

              msg="ACCOUNT_TYPE_COM_T";

          }

          else if($(this).val()=="B134001")//存管

          {

              //msg="存管";

              msg="ACCOUNT_TYPE_COM_C";

          }

          else if($(this).val()=="-")//存管和托管all

          {

              //msg="存管和托管";

              msg="ACCOUNT_TYPE_COM_ALL";

          }

          else

          {

              alert("参数错误！");

              return;

          }

          $("#ACCOUNT_TYPE_COMDiv_son").children().remove();//先清除所有子元素

          $.ajax({

              type:"post",

              url:"${ctx}/Rule/Combination/getdict",

              data:{type:msg},

              dataType:"json",

              success:function(json)

              {

                //$(object).children(selector).remove();  // 删除object元素下满足selector选择器的子元素，不填写则默认删除所有子元素

                  for(var i=0;i<json.length;i++)

                   {

                     var checkBox=document.createElement("input");

                   //checkBox.setAttribute("type","checkbox");

                   checkBox.setAttribute("type","radio");

                   checkBox.setAttribute("id", json[i].value);

                   checkBox.setAttribute("value", json[i].value);

                   checkBox.setAttribute("name", "ACCOUNT_TYPE_COM");

                   checkBox.setAttribute("checked", true);

                   //checkBox.setAttribute("readonly", true);//

                   var li=document.createElement("span");

                   li.style.display = "block";

                   li.style.width = 23+"%";

                   li.style.float = "left";

                   li.appendChild(checkBox);

                   li.appendChild(document.createTextNode(json[i].label));

                   $("#ACCOUNT_TYPE_COMDiv_son").append(li); 

                   }

              }

              ,

              beforeSend:function(mes)

              {

                  alert("beforeSend");

              },

              complete:function()

              {

                  alert("complete");

              }

          });

     });

运行这段代码，会先弹出 beforeSend  提示，然后加载success 方法里面的代码，最后弹出 complete  提示，这说明这段代码的几个方法的执行先后顺序是符合上面总结的顺序的！

全局事件的例子：

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("div").ajaxStart(function(){

     $(this).html("<img src='/i/demo_wait.gif' />");

 alert("1.最先的全局方法");

  });

  $("button").click(function(){

    $("div").load("/example/jquery/demo_ajax_load.asp");

  });

  $("div").ajaxSend(function()

   {

     alert("2.发送前");

   });

  $("div").ajaxSuccess(function()

   {

     alert("3.成功后");

   });

 $("div").ajaxComplete(function()

   {

     alert("4.ajaxComplete");

   });

 $("div").ajaxStop(function()

   {

     alert("5.ajaxStop");

   });

});

</script>

</head>

<body>

<div id="txt"><h2>通过 AJAX 改变文本</h2></div>

<button>改变内容</button>

</body>

</html>

每次点击 "改变内容" 的这个按钮，都会先加载一次demo_wait.gif 这个图片，然后执行 ajaxSend，然后执行 ajaxSuccess，然后执行ajaxComplete，然后执行 ajaxStop ，这个执行顺序也是符合上面总结的顺序的！

 

jquery ajax 中各个事件执行顺序的更多相关文章

  1. jquery ajax中各个事件执行顺序如下

    $(function(){ setTimeout(function(){ $.ajax({ url:'/php/selectStudent.php', }); },0); $(document).aj ...

  2. jquery中各个事件执行顺序如下：

    jquery中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事件) 6.e ...

  3. 关于AJAX中函数的执行顺序

    考察w3school上的一个实际的例子[1]: <html> <head> <script type="text/javascript"> fu ...

  4. Global中的事件执行顺序

    The Global.asax file, sometimes called the ASP.NET application file, provides a way to respond to ap ...

  5. jquery ajax中事件的执行顺序

    jquery中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事件) 6.e ...

  6. jquery ajax 事件执行顺序

    jquery中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事件) 6.e ...

  7. jquery ajax中success与complete的执行顺序

    jquery ajax中success与complete的执行顺序 jquery中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) ...

  8. jquery ajax中success与complete的执行顺序 (转)

    http://blog.sina.com.cn/s/blog_4adc4b090101dhnh.html https://q.cnblogs.com/q/21810/ **************** ...

  9. jquery ajax事件执行顺序

    jquery中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事件) 6.e ...

随机推荐

  1. 垃圾回收基本算法 内存管理 GC大统一理论

    <垃圾收集> (豆瓣) https://book.douban.com/subject/1157908/ 第1章 简介1．1 内存分配的历史1．1．1 静态分配1．1．2 栈分配1．1．3 ...

  2. 树形dp的深入讨论

    越发向dp深入越发现dp越有意思! 这道题做的时候感觉十分的难,然后看完学长的题解恍然大悟.设状态不好导致想了一中午,一直感觉不可做,其实是自己的状态设的不对,这道题呢,首先是一个求在树上建多个厂,而 ...

  3. EntityFramework_基础

    什么是EF EF是一种ORM(Object-relational mapping)框架,它能把我们在编程时使用对象映射到底层的数据库结构.它可以让应用程序开发者将关系型数据作为业务模型来使用,也消除了 ...

  4. ASCLL码中的一些小知识

    其次要记住asill值中   65是A      97是a A与a之间相隔32,用int转换后再用char转换回来. char b = s.charAt(i);为字符串转换成一个一个的.

  5. 链接服务器XXX的OLE DB提供程序“SQLNCLI”无法启动分布式事务“

    错误消息msg 7391 16级状态1行1表示 “Msg 7391,Level 16,State 2,Line 1 无法执行该操作,因为链接服务器XXX的OLE DB提供程序“SQLNCLI”无法启动 ...

  6. RN正、反向传值，组件输出

    很简单的一个小Demo,绿色的是输出的一个组件,目标把’爱好‘从父组件传给子组件,然后把’name‘从子组件传给父组件 父组件给子组件传值可以使用props,子组件传值给父组件可以使用事件,这里不多说 ...

  7. 火币网API文档——WebSocket API简介

    WebSocket API简介 WebSocket协议是基于TCP的一种新的网络协议.它实现了客户端与服务器之间在单个 tcp 连接上的全双工通信,由服务器主动发送信息给客户端,减少了频繁的身份验证等 ...

  8. 【剑指offer】数组中出现次数超过一半的数字

    一.题目: 数组中有一个数字出现的次数超过数组长度的一半,请找出这个数字.例如输入一个长度为9的数组{1,2,3,2,2,2,5,4,2}.由于数字2在数组中出现了5次,超过数组长度的一半,因此输出2 ...

  9. 阿里云ECS利用密钥对ssh登录服务器

    https://blog.csdn.net/u012865381/article/details/78521087/ 1.在服务机上操作创建要远程登录的用户和密码 [root@izwz97s23bov ...

  10. [sh]basename&dirname截取路径和文件名&case参数选项

    给出全路径,取出路径和文件名 basename使用示例 http://codingstandards.iteye.com/blog/840784 示例一 [root@web ~]# basename ...