我想这是一个简单的问题,但我不是AJAX的家伙,试过了,但我仍然不理解它)))
情况如下:
1)我从数据库
得到一个随机的url$sql = ("SELECT url FROM url_table ORDER BY RAND() LIMIT 1");
while($row = mysql_fetch_array($sql)){
$url = $row["url"];
}
2)然后显示url = $url在iframe
中的网站<iframe src="<?php echo "$url"; ?>"></iframe>
3)然后我有<button id="Next url">
,当点击刷新网站时,从数据库中选择新的随机url并显示在<iframe>
我想做的是相同的过程,但没有页面刷新。理想的过程应该是这样的:
用户点击"下一个按钮"> 新的随机$url得到从数据库中选择> 后,新的url在iframe (<iframe src="<?php echo $url?>"
) > iframe显示新的网站
所有这些都没有页面刷新(如果可能的话,使用AJAX和jQuery)。如果可能的话,你能建议如何在iframe中显示loading.gif图像,而信息正在更新和加载
谢谢
首先,创建一个只输出iframe的页面(没有其他HTML,只有1标记)。假设这个页面位于www.yourwebsite.com/random_iframe.php
接下来,将JQuery JS添加到主页面。在主页面,将iframe包装在带有id的div中,如:
<div id="frm"><iframe src="<?php echo "$url"; ?>"></iframe></div>
然后更新按钮
<button id="Next url" onclick="show_next();return false;">
最后,添加JS
function show_next()
{
$('#frm').load('random_iframe.php');
}
上面的JQuery代码选择ID 'frm'并将其内容替换为从页面'random_iframe.php'返回的内容