JSFiddle - React, Tailwind, and code Playground

by superbDeveloper

JavaScript

//nested jquery calls

$(document).ready(function(){
    //DOM ready start
    StartNestedCallGetData();
});


function StartNestedCallGetData(){
     
    $.ajax({
    type: "GET",
    dataType: "html",
    url: "http://programmers.stackexchange.com/questions/137304/triggering-custom-events-in-ajax-callbacks/",
    data: "",
    contentType:  "text/html",
    success: function(data){
     //successful call to server side and back
     //add data to you _data global variable
     //or do your data check here
     _data = data;
        
     //call next function 1
     NestedFunc1(data);
    },
    error: function(jqXHR, textStatus, errorThrown){
     //display error message, ajax call failed
     alert(textStatus);
    }
   });  
    
}

function NestedFunc1(data){
    
    $.ajax({
    type: "POST",
    dataType: "html",
    url: "http://programmers.stackexchange.com/questions/137304/triggering-custom-events-in-ajax-callbacks/",
    data: "",
    contentType:  "text/html",
    success: function(data){
     //successful call to server side and back
     //add data to you _data global variable
     //or do your data check here
     _data = data;
        
     //call next function 2
     NestedFunc2(data);
        
    },
    error: function(jqXHR, textStatus, errorThrown){
     //display error message, ajax call failed
     alert(textStatus);
    }
   });  
}


function NestedFunc2(data){
    
    $.ajax({
    type: "POST",
    dataType: "html",
    url: "http://programmers.stackexchange.com/questions/137304/triggering-custom-events-in-ajax-callbacks/",
    data: "",
    contentType:  "text/html",
    success: function(data){
     //successful call to server side and back
     //add data to you _data global variable
     //or do your data check here
     _data = data;
        
     //call next function 3
     NestedFunc3(data);  
    },
    error: function(jqXHR, textStatus, errorThrown){
     //display error message, ajax call failed
     alert(textStatus);
   ...