的JQuery load（）和.prepend（）

Question

好了，所以我有以下代码：

function() { 
$("ul#postbit").load('load.php').fadeIn("slow"); 
}, 3000); 

我所试图实现的是装载load.php后预先设置导致对<li>并让它褪色目前它会覆盖ul#postbit中的内容。我只希望它能够加载新的结果并保留内部的内容。我希望这是有道理的。

Answer 1

​​方法被设计为以这种方式工作，即将Ajax响应直接加载到您调用它的元素中。尝试，而不是使用其他Ajax methods之一，例如：

$.get("load.php", function(data) { 
    $(data).prependTo("#postbit").fadeIn("slow"); 
}); 

这里假设你的“load.php”返回的HTML包括li元素，这是你仿佛被描述时，你说你当前的代码将覆盖现有的列表每一次。如果你的“load.php”新里只返回内容不<li>标签，那么你可以创建Li和预置它：

$.get("load.php", function(data) { 
    $("<li/>").html(data).prependTo("#postbit").fadeIn("slow"); 
}); 

编辑：有它不断刷新你可以在上面封装成函数你有setInterval()打电话，或做这样的事情：

function getMoreData() { 
    $.get("load.php", function(data) { 
     $(data).prependTo("#postbit").fadeIn("slow"); 
    }).complete(function() { 
     setTimeout(getMoreData, 3000); 
    }); 
} 
getMoreData(); 

这使用setTimeout()安排的getMoreData() 3秒后另一个运行，但它以前的请求完成打完。

Answer 2

您应该查看jQuery API。这里是AJAX的API：http://api.jquery.com/category/ajax/

$.ajax({ 
    url: 'load.php', 
    success: function(data) { 
     $("ul#postbit").prepend('<li>'+ data +'</li>'); 
    } 
});