從PHP獲取JSON的新項目

Question

我需要加載尚未加載的新消息，並將它們添加到div，但是我不知道如何。
最好的方法是按時間檢查它。 var chatdata = null;

$.ajax({ 
    type: "GET", 
    data: {id: id}, 
    url: "/chatbin/receive-bin.php", 
    dataType: "json", 
    cache: false, 
    async: true, 
    contentType: "application/json", 
    success: function(data) { 
     chatdata = ""; 
     $('#chattext').html(''); 
     $.each(data.messages, function(i,dat){ 
      chatdata += "<div class='message'><img class='chatuserimg' src='/assets/userpics/" + dat.id + "_64.png'><span class='userdname'>" + dat.dname + "<span class='time'>" + dat.time + "</span></span><div class='message_text'>" + dat.message + "</div></div>\n"; 
     }); 

     gotoBottom(); 
     $('#chattext').append(chatdata); 
     gotoBottom(); 

     c_id = id; 
     autofocus(); 

     setInterval(checkNewmsg, 1000); 
    }, 
    error: function(xhr, status, error) { 
     alert('There was an error while sending the request, please try again later.'); 
    } 
}); 

JSON文件：

{"messages": [ 
{"dname":"Person1", "id":"1", "message":"Hi", "time":"25.06.2013, 14:49"}, 
{"dname":"Person2", "id":"2", "message":"Cheers", "time":"25.06.2013, 14:50"} 
]} 

Answer 1

如果時間消息的唯一標識符，定時播放

$.ajax({ 
    type: "GET", 
    data: {id: id}, 
    url: "/chatbin/receive-bin.php", 
    dataType: "json", 
    cache: false, 
    async: true, 
    contentType: "application/json", 
    success: function(data) { 
     chatdata = ""; 
     $('#chattext').html(''); 
     $.each(data.messages, function(i,dat){ 

      //play with class here -- if time is unique identifier of the message 
      var class = date.time.replace(/\./g,"-").replace(/\:/g,"-").replace(/\,\s/g,"-"); 

      if(!$('.message').hasClass(class)) 
      { 
      chatdata += "<div class='message "+class+"' ><img class='chatuserimg' src='/assets/userpics/" + dat.id + "_64.png'><span class='userdname'>" + dat.dname + "<span class='time'>" + dat.time + "</span></span><div class='message_text'>" + dat.message + "</div></div>\n"; 
      } 
     }); 

      gotoBottom(); 
      $('#chattext').append(chatdata); 
      gotoBottom(); 

      c_id = id; 
      autofocus(); 

      setInterval(checkNewmsg, 1000); 
    }, 
    error: function(xhr, status, error) { 
     alert('There was an error while sending the request, please try again later.'); 
    } 
});