Execute function after Ajax call is complete

Sometimes you have to execute the function after the ajax call is complete. You can simply call the specific function which you want to execute in complete: function() { } of ajax method.

Answers 1
  • Call function after ajax complete

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <script>
    $.ajax({
        type: "GET",
        url: 'https://api.joind.in/v2.1/talks/10889',
        data: {
            format: 'json'
        },
        success: function(response){
            console.log(response);
        },
        complete: function(){
            callFunctionAfterAjaxCallComplete();
        }
    });
    
    function callFunctionAfterAjaxCallComplete(){
        console.log('function has been called');
    }
    </script>
    
    0

    You can simply copy/paste code in the body tag of the html page and reload page to get the content form https://api.joind.in/v2.1/talks/10889 URL after success and call callFunctionAfterAjaxCallComplete() function after ajax request is completed.

    You can pass url parameters value to ajax method as per your requirements and change the function name which you want to call ajax complete. 

  • Back to code snippet queries related jquery