JS循环ajax，如何在每一次请求成功后及时渲染

Question

function khf(i){
        if(i>12){
            return;
        }

           $.ajax({
                url: 'cardMake/make.do',
                type: "POST",
                data: $('#form').serialize(),
                dataType: "json",
                async: false,
                success: function(data){
                    $('#showinfo').html("<h4 style='color:red;'>制卡成功，已制卡"+i+"张</h4>");
                }
            })
            khf(i+1);
    }

代码如上，就是循环ajax，每次请求成功我都要提示一下，但是现在的问题是，这个方法只会在执行完后最后一次才提示。

不会每次都提示，查了下原因是js渲染问题，要等整个方法执行完成才会渲染，如果把提示.html()改成alert提示有用，但是不能用alert，求问怎么解决这个问题。 

Answer 1

var i = 0
function khf(){
       

           $.ajax({
                url: 'cardMake/make.do',
                type: "POST",
                data: $('#form').serialize(),
                dataType: "json",
                async: false,
                success: function(data){
                    if(i>12){
                        return;
                    }
                    $('#showinfo').html("<h4 style='color:red;'>制卡成功，已制卡"+i+"张</h4>"); 
                  
                    khf();
                    i+=1
                    console.log(i,data)
                }
            })
           
    }

这样试试