繁体   English   中英

如何一一加载iframe

[英]how load iframe one by one


我需要在A.php页中加载6个iframe。 这6个iframe的内容为6个子页面:a1.php〜a6.php。 在加载每个子页面之前,我需要先做一个ajax(以更改数据库),然后加载子页面。 这是问题所在。 每个子页面应一个一个地加载。 也就是说,只有在加载a1.php之后才能加载a2.php。 如何实现这个功能? 因为每个子页面都有很大的尺寸,所以加载需要一点时间。 每次,当a1.php未完全加载时,a2.php中的ajax都在工作(因此数据表已更改)。
如果可以帮助我,非常感谢您:)
JS:

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;
        }
    }
}

PHP:

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>";
    }
}

抱歉,但我没有阅读您的代码,尽管您的解释很清楚。 一个ajax请求总是具有一个回调函数,那就是您将在其中获得请求的响应文本的功能。 在此匿名回调函数中,您可以调用另一个函数,该函数开始加载下一个iframe。 只需让他们设置框架的src ,它就会加载。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM