我想延迟jQueryajax成功的功能

Question

我想让用户在块内的 HTML 更改之前等待 2 秒。你能帮我设置一些时间，这样 ajax 请求就不会那么快，我就有时间显示一些动画

我尝试设置超时，但它不起作用

jQuery(document).ready( function($) {

$(document).on('click', '#wp-request', function(event){
             event.preventDefault(); 
             var path = myScript.pluginsUrl + '/simple/widget-final.php';
    $.ajax({
      type : 'POST',
                                         url: path,
                                         cache: false,
      success : function(data){
      var newWidget = $(data); 
      $('#widget-container').replaceWith(newWidget);
      },
      error : function(){ alert('Error'); },
      dataType : 'html'
                });
    
});

$(document).on('click', '#wp-back', function(event){
    event.preventDefault();
    var path = myScript.pluginsUrl + '/simple/widget-initial.php';
    $.ajax({
      type : 'POST',
                                         url: path,
                                         cache: false,
      success : function(data){
      var newWidget = $(data); 
      $('#widget-container').replaceWith(newWidget);
      },
      error : function(){ alert('Error'); },
      dataType : 'html'
                });
    
});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="widget-container">
<p>We are on first page</p>
<a id="wp-request" href="">Send</a>
</div>

Answer 1

只需在您的成功回调函数中使用 setTimeout。

success : function(data){
    setTimeout(function(){
         var newWidget = $(data); 
         $('#widget-container').replaceWith(newWidget);
     },2000);  // The millis to wait before executing this block
},

我想延迟jQueryajax成功的功能

I want to delay jQuery ajax successful function

ajax

jquery

delay

replacewith