Javascript-循环内的AJAX请求

不要同步进行。使用回调。这是给您的演示： http :
//jsfiddle.net/y45Lfupw/4/

<ul ></ul><input type="button" onclick="getData();" value="Go Get It!"><script>var counter = 0;window.getData=function(){        if (counter===5) {        $('.quoteList').empty();        counter = 0;    }    $.ajax({                url:'http://quotes.stormconsultancy.co.uk/random.json',        async: true,        dataType: 'jsonp',        success:function(data){ $('.quoteList').append('<li>' + data.quote +'</li>'); counter++; if (counter < 5) getData();        }    });}</script>

设置

async

为false会阻塞主线程（负责执行Javascript，渲染屏幕等），并等待XHR完成。