Question

我运行一个广播网站，我正在努力使内容（广播信息）自动刷新。

目前刷新非常难看。

我希望它能够保留无线电信息的iframe内容，直到它完成刷新为止。

这是我的代码：使用iframe的内容的PHP：http://pastebin.com/fwBjMEUs

要刷新的无线电信息的PHP：http://pastebin.com/XyfhG8Kn

Answer 1

你最好使用AJAX。这使用div而不是iFrame作为容器。只需确保PHP文件仅在div中输出您想要的HTML，然后将此脚本添加到要在其中显示的页面：

<script>
function refreshinfo(){
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("currentinfo").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","http://www.x86cam.com/wp-content/plugins/radio-info.php",true);
xmlhttp.send();
}
setInterval(refreshinfo, 20000); /*How often to refresh in ms; currently 20 secs */
</script>

然后用<div id="currentinfo"></div>替换你的iframe，你应该全部设置好！

编辑：我已经检查了你提取信息的php页面了，你需要做的就是从我的网站中删除<centre>和</centre>标签，但它可能还可以使用！

刷新iframe而不会丢失文本/闪烁

1 个答案: