javascript動畫表更新內容

Question

我有一個javascript動畫表我想從另一個頁面獲取內容並在將新記錄添加到數據庫時進行更新。

的javascript：

var newitem = function(){ 
var item = $('<div>') 
    .addClass('item') 
    .css('display','none') 
    .text('content.php') -- Get the content somehow? 
    .prependTo('#scroller') 
    .slideDown(); 
$('#scroller .item:last').animate({height:'0px'},function(){ 
    $(this).remove(); 
}); 
} 

setInterval(newitem, 2000); 

content.php：

include ('db.php'); 
$sql2 = "SELECT * FROM `feed` ORDER BY `timez` DESC"; 
$res2 = mysql_query($sql2) or die(mysql_error()); 
while($row3 = mysql_fetch_assoc($res2)){ 

$user = $row3['username1']; 
$action = $row3['action']; 
$user2 = $row3['username2']; 

echo ''.$user.''.$action.''.$user2.''; 

例（http://jsfiddle.net/8ND53/）我怎樣才能讓我的PHP這項工作，使JavaScript的唯一動畫和更新時，增加了新的內容到數據庫？

Answer 1

您需要使用阿賈克斯爲

$.ajax({ 
    url : 'your data point in php', 
    data : {data you want to send}, 
    dataType : 'application/json', 
    success: function(response) { 
     // Only when successful animate the content 
     newItem(response); 
    } 
}); 

var newitem = function(response){ 
    var item = $('<div>') 
     .addClass('item') 
     .css('display','none') 
     .text(response) 
     .prependTo('#scroller') 
     .slideDown(); 
    $('#scroller .item:last').animate({height:'0px'},function(){ 
     $(this).remove(); 
    }); 
}