我有一个Div标签,有一个PHP包含用信息填充该div
我想做的是让它每15秒调用一次,这样它就可以在那里更新信息而无需重新加载整个网页.
我试过用JavaScript / jQuery做这个,我似乎无法让它工作
我想做的是让它每15秒调用一次,这样它就可以在那里更新信息而无需重新加载整个网页.
我试过用JavaScript / jQuery做这个,我似乎无法让它工作
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('.View').load('Small.php').fadeIn("slow");
}, 15000); // refresh every 15000 milliseconds
</script>
<div class="View"><?php include 'Small.php'; ?></div>
这是我搜索后的内容,发生的是,它加载了Small.php,但它不刷新它或每15秒更新一次信息.
请帮忙!
我应该添加我应该显示的所有php数组都在Small.php中执行,而我所包含的页面就是这样它被隔离了.
编辑:没有人注意到我的第一个引用jQuery的脚本没有结束标记,这打破了我的第二个脚本.添加一个正确的结束标记后,脚本终于工作了,但是如果没有先使用fadeOut,fadeIn就无法正常显示.
最佳答案
你的代码有效,但fadeIn没有,因为它已经可见了.我认为你想要达到的效果是:fadeOut→load→fadeIn:
var auto_refresh = setInterval(function () {
$('.View').fadeOut('slow', function() {
$(this).load('/echo/json/', function() {
$(this).fadeIn('slow');
});
});
}, 15000); // refresh every 15000 milliseconds
在这里试试:http://jsfiddle.net/kelunik/3qfNn/1/
附加通知:正如Khanh TO所提到的,您可能需要摆脱浏览器的内部缓存.您可以使用$.ajax和$.ajaxSetup({cache:false})执行此操作;或者随机黑客,他提到.
相关文章
- javascript - 如何在不重新加载整个页面的情况下重新加载div?
- javascript - 刷新Div,Table或TR而不重新加载页面而不使用Ajax
- javascript - 重新加载更新的Java代码,而无需完全重新加载html页面
- javascript - 当AJAX更改URL而不重新加载页面时,如何重新加载Greasemonkey脚本?
- javascript - 有没有重新加载css而不重新加载页面的简单方法?
- javascript - 如何让Grunt/Watch/LiveReload重新加载Sass/CSS而不刷新整个页面?
- 重新加载CSS样式表而不重新加载页面?
- javascript - 在不重新加载整个页面的情况下重新执行js
转载注明原文:javascript – 重新加载DIV而不重新加载整个页面 - 代码日志