Question

我有两个使用jquery的ajax调用，第一个应该花费大约20秒来执行，但第二个要快得多，应该以毫秒执行。发生的事情是第二个ajax调用没有完成执行，直到第一个调用完成，一旦第一个调用执行，第二个ajax快速执行。所以第二个ajax是用第一个调用的，但是在第一个ajax完成之前它没有完成执行。我该如何解决这个问题？

这是我的代码：

jQuery(document).ready(function (e) {
        do_download();

    });
    function do_download()
    {
        $('.status p').text('Fetching the video ...');
        var request = $.ajax({
            url: "http://www.example.com/download/start",
            method: "POST",
            async: true,
            data: {youtube_url: 'https://www.youtube.com/watch?v=ic7scBTY-xw',
                    access_token :'4b5e0c903eb7b68eb336500cdfc2d11c'
                }
            });

            request.done(function (msg) {
                //alert('done');


            });

            request.fail(function (jqXHR, textStatus) {
                alert("Request failed: " + textStatus);
            });
    }


    var get_operation_status_interval = setInterval(get_operation_status, 1000);

    function get_operation_status() {
        var url_process_info = "http://www.example.com/download/get_video_status_new/ic7scBTY-xw";
       $.ajax({
            url: url_process_info,
            dataType: 'json',
            async: false,
            method: "GET",
            cache: false,
            success: function(data) {
                if(data.progress){
                    $('div.meter span').css('width', data.progress);
                    if( data.progress == '100%' && data.is_file_ready != false){
                        $('.status p').text('Converting the video ...');
                    }
                }
                if (data.is_file_ready == true) {
                    clearInterval(get_operation_status_interval);
                    $('.status p').text('file is ready !');
                    $('.download-section').show();
                }
            }
        });

Answer 1

这是竞争条件。你有这个：

do_download：将ajax调用设置为async get_operation_status：将ajax调用设置为sync

所以，你调用的第一个函数是“get_operation_status”，为什么？因为do_download将在文档准备就绪时被调用，但之前的其他函数将被调用，因此，浏览器需要时间来准备文档，然后第一次调用是“get_operation_status”并且此函数冻结其他调用，因为它是同步而不是异步：

// tames some time, it's no inmediately
jQuery(document).ready(function (e) {
    do_download();
});

// this call could be execute before do_download
var get_operation_status_interval = setInterval(get_operation_status, 1000);

将两个调用async（永远不会永远不会SYNC）和文档中的计时器准备好：

jQuery(document).ready(function (e) {
    do_download();
    var get_operation_status_interval = setInterval(get_operation_status, 1000);
});

Answer 2

你的第二个是异步：false。将其更改为true。（或完全删除）

两个ajax调用没有同时运行

2 个答案: