[英]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.