jQuery - сделайте что-нибудь после завершения AJAX

Question

У меня есть простой вызов POST AJAX - как только это закончится, я хочу запустить пользовательскую функцию - я пробовал .success() без всякой радости - может кто-нибудь мне помочь?

jQuery.post('http://www.site.com/product/123/', jQuery('#product_addtocart_form').serialize(), function() 
    // on success - do something here 
}); 

Answer 1

Вы можете сделать это:

$.post(url, data, function() { 
    alert("success"); 

    // Call the custom function here 
    myFunction(); 
}); 

Или это:

// Assign handlers immediately after making the request, 
// and remember the jqxhr object for this request 
var jqxhr = $.post(url, data); 

jqxhr.done(function() { 
    alert("second success"); 
    // Call the custom function here 
    myFunction(); 
}); 

Answer 2

Вы можете использовать любые следующие обратные вызовы, основанные на вашем требовании в $.ajax()

.done(function() { 
    alert("success"); 
    }) 
    .fail(function() { 
    alert("error"); 
    }) 
    .always(function() { 
    alert("complete"); 
    }); 

Answer 3

Попробуйте это вне для вашего ajax звоните:

<script> 
    $.ajax({ 
     type: "POST", 
     url: "./WebServices/MethodName", 
     data: "{someName: someValue}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (response) { 
      var row = response.d; 
      if (row.length > 0) { 
       $.each(row, function (index, item) { 
       }); 
      } 
      else { 
       $("#").html("No Rows Found"); 
      } 
     }, 
     failure: function() { 
     } 
    }); 
</script> 

Answer 4

Основы использования .ajax будет выглядеть примерно так:

HTML

<form id="foo"> 
<label for="bar">A bar</label> 
<input id="bar" name="bar" type="text" value="" /> 
<input type="submit" value="Send" /> 
</form> 

<!-- The result of the search will be rendered inside this div --> 
<div id="result"></div> 

JavaScript

/* Attach a submit handler to the form */ 
$("#foo").submit(function(event) { 

/* Stop form from submitting normally */ 
event.preventDefault(); 

/* Clear result div*/ 
$("#result").html(''); 

/* Get some values from elements on the page: */ 
var values = $(this).serialize(); 

/* Send the data using post and put the results in a div */ 
$.ajax({ 
    url: "test.php", 
    type: "post", 
    data: values, 
    success: function(){ 
     alert("success"); 
     $("#result").html('Submitted successfully'); 
    }, 
    error:function(){ 
     alert("failure"); 
     $("#result").html('There is error while submit'); 
    } 
    }); 
});