задержка АЯКСА успеха не работает

Question

вот мой Аякс

  var $this = $(this); 
$.ajax({ 

     url: "process.php", 
     dataType: 'json' , 
     data :{ 
      method:'POST', 
      id :id , 
      img_val : img_val}, 
     type : 'POST', 
     success: function(output_data){ 
       if (output_data.msg == 'taken'){ 

     --->  $this.val('Saved !').delay(3000).val('Save') ; 


       }    } 
     }); 

фактически этот код отмечен ---> Didnt работы с задержкой отображается непосредственно Save

если я удалить delay(3000).val('Save') его отображение Saved !

и я хочу отобразить Saved !, а затем подождать 3 секунды, а затем отобразить Save. как я могу это достичь? thnaks

$this есть кнопка.

Answer 1

[обновлено] использование setTimeout(function(){ /* your code */},3000);

обновление: если вы все еще хотите использовать задержку Jquery написать это:

$('#dd').val('firstVal').delay(2000).queue(function(){$(this).val('SecondVal');}).delay(...; 

DEMO

и это потому что по умолчанию «delay()» - «fx», который не включает val() в нем автоматически, поэтому вам просто нужно добавить его к нему.

Answer 2

var $this = $(this); 
$.ajax({ 
    url: "process.php", 
    dataType: 'json', 
    data: { 
     method:'POST', 
     id :id, 
     img_val : img_val 
    }, 
    type: 'POST', 
    success: function(output_data) { 
     if (output_data.msg == 'taken') { 
      $this.val('Saved!'); 
      setTimeout(function() { $this.val('Save'); }, 3000); 
     } 
    } 
}); 

Answer 3

Использование SetTimeout (функции, времени) является лучшим решением.
Но если вы хотите анимировать кнопку, вы можете сделать это с jQuery .animate()

var $this = $(this); 
$this.val("Saved!").animate(
    { opacity: 0.99 }, //transition 
    2000, //duration 
    function() { //animation complete 
     $this.val("Save"); 
    });