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