簡體   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