刷新 php 输出而不重新加载页面
Refreshing the php output without realoading the page
php 脚本解析 xml 文件并在div 内部的页面上打印输出:
<?php
$playlistUrl = 'http://url/to/playlist.xml';
$xmldata = file_get_contents($playlistUrl);
$xml = new SimpleXMLElement($xmldata);
foreach( $xml->trackList->track as $track ) {
echo $track->title .' - '. $track->annotation .'<br>';
}
?>
我想使用一些 AJAX 方法每 25 秒更新一次输出,而无需重新加载页面。我找到了一些设置时间间隔的代码示例:
// Poll the server each 60 seconds
window.setInterval(function()
}, 60000);
也
setInterval(function(){
SomeAjaxFunction();
}, 1000);
如何在我的情况下正确实施这一点?
在这里
查看我的答案。
在特定时间后刷新页面元素
我已经回答了如何在特定时间后重新加载div,您可以稍微调整一下以在时间间隔后继续重新加载。
基础知识如下。
<div id="reload">
//your PHP code and content are here.
</div>
和你的jQuery代码。
<script>
setInterval(function() {
$('#reload').fadeOut("slow").load('reponse.php').fadeIn("slow");
}, 10000);
</script>
setTimeout 在 X 秒后执行函数...然后,如果您将其递归,则在执行代码后,您将始终有 X 秒的等待时间。这比每 X 秒执行一次的 setInterval 更可取。
想想当服务器滞后并且 load() 需要几秒钟才能实际加载......好吧,现在动画已经超时了一半,并且正在重新加载/再次淡入淡出......
function loopy_function() {
// ajax call
// on success
setTimeout(loopy_function, 1000 * 10 );
}
这里的关键是只在已完成的响应上调用 setTimeout。
相关文章:
- 在新的浏览器选项卡上加载新的aspx页面后调用JavaScript函数
- 更改css链接并等待加载新的css
- 如何在Ajax加载新内容时停止JavaScript执行
- 当在ng视图中加载新路由时,Tabbing(tabindex)针对错误的元素
- 如何使用输入数据加载新的extjs图表
- JQuery Masonry.Ajax图标和“;加载新项目”;绳子放错地方了
- 通过javascript在同一个打开的选项卡中重新加载新的网页内容
- 当用户到达页面右侧时加载新内容
- 数据表 AJAX 筛选器重新加载数据
- 超链接单击以加载新页面并执行JavaScript
- 单击时加载新的 SVG
- 在RadWindow中加载新页面,然后从加载的窗体中关闭窗口
- ajax在页面刷新之前不会加载新的sql结果
- 谷歌地图API-在从ajax页面加载新数据之前清除标记、多段线
- 使用Ajax加载页面,并在必要时加载新脚本
- 加载新页面时的过渡效果,AJAX
- Ajax没有正确加载新页面
- 正在加载新的Javascript,但正在调用旧的Javascript.MVC
- 咕噜咕噜的手表:实时加载重新加载落后 1 步....
- 我怎么能有一个花哨的盒子一样的弹出体加载,但与cookie不连续加载重新加载