加載jquery ajax調用div而不跳轉頁面

Question

我正在加載頁面上的ajax調用ALOT，某些ajax調用比其他調用需要更長的時間，這意味着有時頂部ajax調用已經加載，當用戶已經向下滾動頁面的底部，所以他們將無法看到的數據（除非他們滾動到頂部再次）

這裏是我的代碼：

<script type="text/javascript" language="javascript"> 
$(document).ready(function() { 
    $('#stage1').load('myscript.php?data=1234567890'); 
    $('#stage2').load('myscript.php?data=1234567890'); 
    $('#stage3').load('myscript.php?data=1234567890'); 
    $('#stage4').load('myscript.php?data=1234567890'); 
    $('#stage5').load('myscript.php?data=1234567890'); 
    $('#stage6').load('myscript.php?data=1234567890'); 
    $('#stage7').load('myscript.php?data=1234567890'); 
    $('#stage8').load('myscript.php?data=1234567890'); 
    $('#stage9').load('myscript.php?data=1234567890'); 
    $('#stage10').load('myscript.php?data=1234567890'); 
    $('#stage11').load('myscript.php?data=1234567890'); 
    $('#stage12').load('myscript.php?data=1234567890'); 
    $('#stage13').load('myscript.php?data=1234567890'); 
    $('#stage14').load('myscript.php?data=1234567890'); 
    $('#stage15').load('myscript.php?data=1234567890'); 
}); 
</script> 

HTML

<div id='stage1'> 
<div id='stage2'> 
<div id='stage3'> 
<div id='stage4'> 
<div id='stage5'> 
<div id='stage6'> 
<div id='stage7'> 
<div id='stage8'> 
<div id='stage9'> 
<div id='stage10'> 
<div id='stage11'> 
<div id='stage12'> 
<div id='stage13'> 
<div id='stage14'> 
<div id='stage15'> 

如何讓它們始終加載在頁面底部？這不要緊，他們在其中加載順序

Answer 1

如果我理解您的問題，使用load()回調：

$('#stage1').load('myscript.php?data=1234567890',function(){$('body').append(this);}); 

做到這一點對所有元素或者所有元素都有相同的目標URL在load()方法，使用一類。