我想延迟Ajax调用中的成功功能,是否可能

时间:2018-10-23 07:19:53

标签: jquery ajax

我想给ajax的success: function延迟时间。有可能做到这一点,还是没有,如果可以的话,请帮我怎么写?

  $('#subject').change(function(){
      var course_id = $('#subject').val();
      $.ajax({
          url: 'ajax/selectAssignments.php',
          type:'post',
          data: {id:course_id},
          success:function(data)
          {
               setTimeOut(2000);
               $('#data').html(data);


          }
      });
  });

3 个答案:

答案 0 :(得分:1)

 var globalVar;
 $('#subject').change(function(){
          var course_id = $('#subject').val();
          $.ajax({
              url: 'ajax/selectAssignments.php',
              type:'post',
              data: {id:course_id},
              success:function(data)
              {
                  globalVar=data;
                   setTimeout(function(){
                   $('#data').html(globalVar)},2000);    

              }
          });
      });

答案 1 :(得分:0)

var globlaVar;
 //$('#subject').change(function(){
          var course_id = $('#subject').val();
          $.ajax({
              url: 'ajax/selectAssignments.php',
              type:'post',
              data: {id:course_id},
              success:function(data)
              {
                  globlaVar=data;
                   setTimeout(function(){
                   console.log("timeout");
                   },2000);    

              },
              error:function(response){
              alert("error");
               setTimeout(function(){
                  console.log("timeout");
                   },2000);  
              }
          });
  //    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
如下所示使用setTimeout

setTimeout(function(){
                 // Your code here
},2000);  

答案 2 :(得分:0)

   var delay = 2000;
   $('#subject').change(function(){
          var course_id = $('#subject').val();
          $.ajax({
              url: 'ajax/selectAssignments.php',
              type:'post',
              data: {id:course_id},
              success:function(data)
              {
                   setTimeout(function(){
                   $('#data').html(data)},delay);    

              }
          });
      });