JQuery的异步函数$.ajax的async:false变量作用

最新推荐文章于 2022-01-07 11:13:35 发布

Shawsw

最新推荐文章于 2022-01-07 11:13:35 发布

阅读量301

点赞数

分类专栏：软件项目开发遇到问题前端文章标签： jquery js ajax java javascript

本文链接：https://blog.csdn.net/Shawsw/article/details/105335847

版权

软件项目开发遇到问题同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

前端

14 篇文章 0 订阅

订阅专栏

调用了JQuery的异步函数 $. a j a x ，然后在$ .ajax函数外之后又有一段js代码。每次都是在$.ajax之后的代码先执行;

如：

 $("#btn-primary").click(function(){

          var title = $.trim($("#title").val());
          if(title == ""){
              //没填用户名
              alert("标题不能为空！");
              return;
          }
          var annotionBody = $.trim($("#annotionBody").val());
          if(annotionBody == ""){
              alert("公告内容不能为空！");
              return;
          }

          $("#btn-primary").text("信息提交中...");
          $("#btn-primary").attr('disabled',true);
          $("#btn-primary").css({'background-color':'red'});



          $.ajax({
              type : 'POST',
              url : 'addAnnotion',
              data : {title : title, annotionBody : annotionBody},
              dataType : 'json',
              success : function (data) {
                  // alert("111");
                  if (data.status == 1) {

                      alert(data.info);
                      loginInfo("继续添加公告", "green");
                      $("#btn-primary").attr('disabled',false);
                  } else if (data.status == 2) {
                      alert(data.info);
                      loginInfo("尝试再次添加", "red");
                      $("#btn-primary").attr('disabled',false);
                  }
              }
          });

          $("#btn-primary").attr('disabled',true);
          alert("sjh");

      });

总是会先执行：
$("#btn-primary").attr(‘disabled’,true);
alert(“sjh”);
再执行 $.ajax({}）

???这是为什么？？？？

原因是：
$.ajax({}）中有一函数 async:false ,设进去就行；

 $("#btn-primary").click(function(){

          var title = $.trim($("#title").val());
          if(title == ""){
              //没填用户名
              alert("标题不能为空！");
              return;
          }
          var annotionBody = $.trim($("#annotionBody").val());
          if(annotionBody == ""){
              alert("公告内容不能为空！");
              return;
          }

          $("#btn-primary").text("信息提交中...");
          $("#btn-primary").attr('disabled',true);
          $("#btn-primary").css({'background-color':'red'});



          $.ajax({
              type : 'POST',
              async:false ,
              url : 'addAnnotion',
              data : {title : title, annotionBody : annotionBody},
              dataType : 'json',
              success : function (data) {
                  // alert("111");
                  if (data.status == 1) {

                      alert(data.info);
                      loginInfo("继续添加公告", "green");
                      $("#btn-primary").attr('disabled',false);
                  } else if (data.status == 2) {
                      alert(data.info);
                      loginInfo("尝试再次添加", "red");
                      $("#btn-primary").attr('disabled',false);
                  }
              }
          });

          $("#btn-primary").attr('disabled',true);
          alert("sjh");

      });

拿来和大家分享分享免得以后忘记了。