javascript - 显示递归请求的进度

Question

我有递归 js 脚本，它发送 GET 请求，php 脚本一次更新 100 行 xml 数据。但我的问题是运行脚本时未显示进度。我不明白错误在哪里或者如何修复它

    $(document).ready(function(){
    function ProcessClear(start_position){

        $.ajax({
            type:"GET",
            async:false, // set async false to wait for previous response; true for async
            url: "checkUrl.php?start=y&start_position="+start_position,
            dataType:"html",
            success: function(data){
                if( data == "done" ){
                    $('.at_test_red span').html( "end" );
                }else{
                    $('.at_test_red span').html( data );


                    ProcessClear( data );
                }
            }
        });

    }

    ProcessClear(1);
});

在这一行$('.at_test_red span').html( data );应该是可见的进度，但它不起作用

Answer 1

async : false 导致此问题。因为脚本将在单线程上运行。它应该是true。

async:false, // set async false to wait for previous response; true for async

为了达到上述目的，您应该在收到前一个请求的响应时递归调用ProcessClear函数。即在 ajax 调用的 complete 或 success 中。

   $(document).ready(function(){
    function ProcessClear(start_position){

        $.ajax({
            type:"GET", 
            async: true, //true is default         
            url: "checkUrl.php?start=y&start_position="+start_position,
            dataType:"html",
            success: function(data){
                if( data == "done" ){
                    $('.at_test_red span').html( "end" );
                }else{
                    $('.at_test_red span').html( data );


                    ProcessClear( data ); //<-- This will call only on getting response from previous request.
                }
            }
        });

    }

    ProcessClear(1);
});