How the following code is working?

Question

This is the code. I am not able to get the code flow. :

    $(document).ready(function() {
    function create_X(endpoint,data){
            response=send_recieve(endpoint,data);
            alert(response);
            alert(response.params.id);
            return response.params.id;

    function send_recieve(endpoint,data){
            var url=url_prefix + endpoint
            $.ajax({
                 url: url,
                 type: "POST",
                 dataType:"json",
                 data: data,
                 contentType:"application/json",
                 success:function(){alert("All Configurations done")},
                 error:function(){alert("ERROR")}
                 }).then(function(result){
                      alert(result.params.id);
                      return result
                 });
    $("#driver").click(function() {
        COMPUTE_X_ID=create_X("/images/compute",{"name":"compute_X_test"});

});
});

This is output I am getting:

undefined 
All Configurations done
Qwtyuetu  ->UUID

There are multiple create_X functions. At the click of a button i am trying to call all those function, for now in sequence. All these functions need to send the data to the server and get the result and send it back to create_X... functions, These function will now parse the data and return the result back.

Comments

What r u trying to do :)

Answer 1

This is the flow -

1. On ID driver when you click then function create_X is called
2. create_X calls send_recieve function which makes a ajax call and ajax call is successful (from your output)
3. You alert the response and response.params.id

Answer 2

-> This code making ajax call using JQuery

->Create_X method generating the URL dynamically based on parameter passing from on-click.

->I would suggest you to Add (async : false) in ajax call it will execute code by order.