使用Jquery动态加载新内容
Dynamically load new content using Jquery
我有一个php文件,当这个页面加载时,我从include
页面加载后的另一个页面获得数据,我有一个jquery代码,每50秒从另一个php代码加载新内容。这里是我的第一个PHP页面代码
<div id="load" class="scroll-cont">
<?php include 'time_line.php'; ?>
</div>
ok我的jquery代码
var autoLoad = setInterval(
function ()
{
$('#load_post').load('last.php').fadeIn("slow");
}, 40000);
这个jquery代码完美地从last.php
和<div id="load" class="scroll-cont">
加载的数据,但擦除<?php include 'time_line.php'; ?>
加载之前的所有数据。每隔50秒再次擦除jquery之前加载的所有数据。如何可能保持旧的加载数据和添加新的内容到div??你可以在Twitter
时间轴上看到这个例子,当新数据加载到旧数据上时
似乎load
不支持这个。但是您可以通过使用$.get
:
var autoLoad = setInterval(
function ()
{
$.get('last.php', {}, function (res) {
$('#load_post').append(res).fadeIn("slow");
})
}, 40000);
您可以使用$.get()来代替.load()
,以便使用HTTP GET请求从服务器加载last.php
内部的数据,以及.append()在成功回调中插入返回内容到元素的末尾:
var autoLoad = setInterval(
function ()
{
$.get('last.php', function (res) {
$('#load_post').append(res).fadeIn('slow');
})
}, 40000);
你可以这样做…
var autoLoad = setInterval(
function ()
{
$.get('last.php', {}, function (res) {
$('#load_post').append(res);
})
}, 40000);
也可以通过ajax:
$.ajax({
type: "GET",
url: "your url",
mimeType: "text/html; charset=iso-8859-2",
data: {
text: 4,
},
complete: function() {
},
success: function(msg) {
$('#load_post').html(msg);
},
error: function() {
alert("Error in connection :(");
}
});
相关文章:
- 使用jquery为内容加载更多脚本
- PHP Jquery选项卡:内容加载到一个选项卡's面板
- 如何等到动态内容加载到段落中
- Extjs 选项卡菜单从 Ajax 完整内容加载
- 动态内容加载视图
- 页面内容加载完毕后执行Jquery功能
- 每15天为新用户加载一次放大弹出菜单
- 无刷新功能的Ajax内容加载
- Tinymce-正在将本地文件内容加载到Tinymce实例
- 正在显示加载..在将新图像加载到网站时播放动画
- iframe内容加载后触发js函数
- Jquery 将内容加载到 ajax 容器中,并在完全完成时发出警报
- 将 AJAX 加载的内容加载到 DIV 中.哪个页面拥有/控制什么
- Jquery wordpress 内容加载
- 将 XML 内容加载到 li 中
- 将新内容加载到响应式滑块中
- 使元素中的所有链接将新内容加载到同一元素中
- 关于将Div的全部内容加载到新Div的问题
- 如何在将新内容加载到页面时防止页面滚动
- 将新内容加载到HTML页面