Javascript 如何逐个加载iframe

我需要在A.php页面中加载6个iframe。这6个iFrame的内容是6个子页面：a1.php~a6.php。在加载每个子页面之前，我需要先执行ajax（更改数据库），然后加载子页面。问题就在这里。每个子页面应逐个加载。也就是说，只有在加载a1.php之后才能加载a2.php。如何实现这一功能？因为每个子页面都有很大的尺寸，所以需要较长的加载时间。每次a1.php没有完全加载时，a2.php中的ajax都在工作（因此数据表已经更改）。
非常感谢您的帮助：）
JS:

PHP:

---

用于（$i=0；$i很抱歉，我没有读懂你的代码，但是你的解释很清楚。ajax请求总是有一个回调函数，你可以从中获得请求的响应文本。在这个匿名回调函数中，你可以调用另一个函数，开始加载下一个iframe。只需让他们设置fr的
src
ame，它将加载

function showpic(id,x,y)
{ 
    if (id==0)
    {
        var oBao = CreateHTTPObject();
        var url = "ajax.php";
        var sendstring="x="+x; 
        oBao.open("POST",url,false);
        oBao.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        oBao.send(sendstring); 
        oBao.onreadystatechange = function () { OnReadyStateChng();};
        document.getElementById("iframe"+id).src="a.php?y=" +y;
    }
    else
    {
        var iid=id-1;
        document.getElementById("iframe"+iid).onload=function()
        {
            var oBao = CreateHTTPObject();
            var url = "ajax.php";
            var sendstring="x="+; 
            oBao.open("POST",url,false);
            oBao.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            oBao.send(sendstring); 
            oBao.onreadystatechange = function () { OnReadyStateChng();};
            document.getElementById("iframe"+id).src="a.php?y=" +y;
        }
    }
}

for($i=0;$i<2;$i++)
{
    for($j=0;$j<3;$j++)
    {
        $nu=$i*3+$j;
        $div="iframe".$nu;
        echo "<iframe id='$div'  height='400px' frameborder=0 ></iframe>";
        echo "<script language='JavaScript'>showpic($nu,$x,$y) ;</script></div>";
    }
}