javascript - 异步 JavaScript 事件的排序

Question

我有以下代码:

$("#submit_financials").live('click', function(event){
    event.preventDefault();

    // using serialize here to pass the POST variables to the django view function
    var serialized_data = $("#financials_filter_form").serialize()

    $.post("/ajax/custom_filter/", serialized_data, function(response){
        // create a graph
    });
    $.post("/ajax/force_download/", serialized_data, function(response){
        alert('hello');
    });

});

但是，当我执行此代码时，我在图表之前收到响应“hello”。为什么会发生这种情况？我该如何改变它以便我首先得到图表？

Answer 1

异步，你永远不知道哪个函数先运行\完成...

想象一下异步操作，比如告诉一群人跑 1 英里，你知道谁会先跑完吗？ (是的，乔恩·斯基特，然后是查克·诺里斯......)

您可以使用 a callack 来运行第二个 ajax:

$.post("/ajax/custom_filter/", serialized_data, function(response) {
    // create a graph
    ...
    ...

    $.post("/ajax/force_download/", serialized_data, function(response) {
        alert('hello');
    });
});​