jQuery ajax在ajax请求中

Question

We have some code(simplified) that looks like bellow. We run function x which does an ajax call. When the call is done we call a different function recalculateOrderObjects which also does an ajax call. When this one is completed, it should output the data that which is obtained via the second call. However, what actually happens is that only the first ajax call is made and the second is not executed (or at least immediately goes to done) but does show the data obtained from the first call as the data obtained from the second one.

When running only the recalculateOrderObjects function the function does work as expected.

Edit 1

• The subscription variable is a global
• There are no errors on the console
• Also, when I first call recalculateOrderObjects independent the function work when first x is called and after that I call recalculateOrderObjects independently the function will not work and shows the same behaviour as when called from `x.'

Edit 2

I tried the suggestion to use success instead of done as well. With the same result. recalucateOrderObjects is called succesfully, thought after one executing x the whole ajax call in recalucateOrderObjects is never requested again but instead thinks that it is succesfully executed.

    function recalculateOrderObjects() {

        $.ajax({
                type: 'post',
                url: url + "something",
                data: {data: subscription}
            })
            .done(function (data) {
                console.log('Data ' + data);

        });

    }
    function x(){

      jQuery.ajax({
        type: "get",
        dataType: "json",
        url: url,
        async: false
      }).done(function (response) {
            recalculateOrderObjects();
        }
      });}

  x();

Answer 1

You can't get success responce by ".done" function.

"success" function gives you responce after ajax load. Please try below code

function recalculateOrderObjects() {
    $.ajax({
        type: 'post',
        url: url + "something",
        data: {data: subscription},
        success: function(data) {
            console.log('Data ' + data);
        }
    });
}
function x(){
    jQuery.ajax({
        type: "get",
        dataType: "json",
        url: url,
        success: function(data) {
            recalculateOrderObjects();
        }
    });
}
x();

OR

function x(){
    jQuery.ajax({
        type: "get",
        dataType: "json",
        url: url,
        success: function(data) {
            $.ajax({
                type: 'post',
                url: url + "something",
                data: {data: subscription},
                success: function(data) {
                    console.log('Data ' + data);
                }
            });
        }
    });
}
x();