Question

我有一个php文件，当这个页面加载时，我在页面加载后通过include从另一个页面获取数据我有一个jquery代码，它每隔50秒从另一个php代码加载新内容。这是我的第一个php页面代码

<div id="load" class="scroll-cont">
<?php include 'time_line.php'; ?>
 </div>

确定我的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时间轴上看到此示例，当新数据加载在旧版本

时

Answer 1

似乎load不支持此功能。但是你可以使用$.get：

来实现同样的目标

var autoLoad = setInterval(
function ()
{
  $.get('last.php', {}, function (res) {
    $('#load_post').append(res).fadeIn("slow");
  })
}, 40000);

Answer 2

您可以使用 $.get() 代替.load()，以便使用HTTP GET请求以及last.php内的数据成功回调中的> .append() 将返回内容插入元素的末尾：

var autoLoad = setInterval(
function ()
{
    $.get('last.php', function (res) {
        $('#load_post').append(res).fadeIn('slow');
    })
}, 40000);

Answer 3

你可以这样做..

 var autoLoad = setInterval(
    function ()
    {
      $.get('last.php', {}, function (res) {
        $('#load_post').append(res);
      })
    }, 40000);

Answer 4

另外，你可以通过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动态加载新内容

4 个答案: