Question

在我的網頁生成的，我裝上一個異步的方式表內容：

$.post("test.php", function(data) { 
    $('#myTableBody').html(data); 
    //refresh the content by jQuery 
}); 

到下表體：

<table> 
<thead> 
    ... 
</thead> 
<tbody id='myTableBody'> 
    <!--No Content before loading it --> 
</tbody> 
</table> 

的test.php以普通表格格式包含表格正文內容，如<tr><td></td></tr>，jQuery - 和​​- 標記爲彈出窗口或對話框。 （這些標記的代碼是沒有必要的，因爲我覺得應該有一個共同的標籤刷新jQuery的辦法？）

在一個靜態頁面加載那些jQuery標籤都有效通過css和html標籤都有效替代在出現device-ready事件時由jQuery定義。

但現在我的問題是，如何對jQuery/ js/ twitter-bootstrap說，有新的內容。如何觸發重新替換它？

Answer 1

使用ready()，所以這是DOM準備操縱像，

jQuery(function($){ 
    $.post("test.php", function(data) { 
     $('#myTableBody').html(data); 
     //refresh the content by jQuery 
    }); 
}); 

Answer 2

您可以使用.append（）函數在頁面上放置新的內容。

在阿賈克斯功能：

$.post("test.php", function(data) { 
    $("#myTableBody").append(data); 
}); 

Answer 3

我想你應該考慮長輪詢，如果你想尋找新的內容加載到您的表。

基本上你所做的是不斷要求新的內容加載到表中，通過在一段時間之後彼此之間進行多個AJAX請求，而不是立即返回來自服務器的響應，而是延遲響應直到時間或者有新內容發送給客戶。

看看這裏的例子介紹：

http://techoctave.com/c7/posts/60-simple-long-polling-example-with-javascript-and-jquery

如果你想真正的快速更新，你可以看看Socket.IO http://socket.io/