使用jquery獲取大量數據

Question

我創建了這個聊天系統，用於正常工作，直到消息數量增加（超過300條消息，我希望達到1000條）開始導致慢速腳本並花費時間檢索所有數據。 這個想法取決於選擇數據的XML風格，然後將其添加到特定的選項卡，並重復與setTimeout的行爲，有沒有其他方式我可以做我真的需要的想法，這裏是我的代碼。

function updateMessage() 
{ 
    $.post("db.php", 
    {MsgNo :$("#no_of_msgs").val()}, 
    function(data) 
{ 
    $(data).find("message").each(function() { 
    var msg_id = $(this).find("msg_id").text(); 
    var date_time = $(this).find("date_time").text(); 
    var from_user = $(this).find("from_user").text(); 
    var from_user_id = $(this).find("from_user_id").text(); 
    var from_group = $(this).find("from_group").text(); 
    var to_user = $(this).find("to_user").text(); 
    var to_user_id = $(this).find("to_user_id").text(); 
    var to_group = $(this).find("to_group").text(); 
    var msg_type = $(this).find("msg_type").text(); 
    var msg = $(this).find("msg").text(); 
    var from_grp_abr = $(this).find("from_grp_abr").text(); 
    var to_grp_abr = $(this).find("to_grp_abr").text(); 
    var flagged = $(this).find("flagged").text(); 
    var onlydate = getonlydate(date_time); 
    $("#no_of_msgs").val(msg_id); 


    if (from_group == $("#login").val()) 
{ 
var reply = ''; 
} 
else {var reply = 'reply';} 

    if(from_user == "") 
    { 
    var handle_reply = from_grp_abr; 
    } 
    else 
    { 
    var handle_reply = from_user; 
    } 

    var html = "<tr id='row_"+msg_id+"'>"; 
    html += "<td><a class='bullet' onclick='changeStatus(\""+msg_id+"\")'>&nbsp;<\/a><\/td>"; 
    html += "<td><a class='"+reply+"' onclick=\"reply('"+escape(handle_reply)+"','"+escape(to_user)+"',"+from_user_id+","+to_user_id+");\"> <\/a><\/td>"; 
    html += "<td class='time'>"+date_time+"<\/td>"; 
    html += "<td>"+from_user+"&nbsp;["+from_grp_abr+"]"+"<\/td>"; 
    html += "<td>"+to_user+"&nbsp;["+to_grp_abr+"]"+"<\/td>"; 
    html += "<td><a href='#' class="+msg_type+"><\/a><\/td>"; 
html += "<td><a id='flag_"+msg_id+"' class='"+class_flag+"' onclick='flagMsg("+msg_id+")'> <\/a><\/td>"; 
     html += "<td>"+msg+"<\/td>"; 
     html += "<td>"+from_grp_abr+"<\/td><\/tr>"; 

      $('#no_of_msgs').val(msg_id); 

    $("#tbody1").prepend(html); 
updatetabledata('t1'); 
alternateRows('t1'); 
//append data to tab2 messages received 
    if (to_group == $("#login").val()) 
    { 
     $("#tbody2").prepend(html); 
     updatetabledata('t2'); 
     alternateRows('t2'); 
     } 
    //append data to tab3 sent messages 
else if (from_group == $("#login").val()) 
    { 
    $("#tbody3").prepend(html); 
    updatetabledata('t3'); 
    alternateRows('t3'); 
    } 

    if(from_group != $("#login").val()) 
    { 
    $("#tbody"+from_group).prepend(html); 
    updatetabledata('t'+from_group); 
    alternateRows('t'+from_group); 
    } 
    if(to_group != $("#login").val()) 
    { 
    $("#tbody"+to_group).prepend(html); 
    updatetabledata('t'+to_group); 
    alternateRows('t'+to_group);  
    } 
    }); 
}); 
    setTimeout('updateMessage()',3000); 
} 

我在想，問題在於使用each（），然後在同一時間在多個選項卡上分發數據的任何想法。

Answer 1

服務器應該只回應自上一次被特定客戶端輪詢以來的新消息。同樣，消息的最初下載可以分解爲X個消息批量。由於您已經有了消息ID字段，最簡單的方法是讓客戶端向服務器發送您在查詢數據時最近消息的消息ID，這樣您就不必單獨跟蹤客戶端上的服務器端。