更新動態表使用jQuery和Ajax

我有一個動態表格，如下所示： enter image description here 更新動態表使用jQuery和Ajax

每次我點擊更新，一個jQuery的對話框顯示了包含以更新選定行形式。直到現在，我成功地進行了這次更新，但是我現在面臨的問題是，一旦我進行了更新，我的數據庫就會更新，而不會更新我的網頁中的表格。我在我的腦海兩種解決方案：

刷新更新後的整個頁面（我不喜歡這個）
使用Ajax來更新表（這是一個初學者我一樣很困難！但我儘量）

下面是代碼更新一行：

$.ajax({ 
type: "POST", 
url: "../folder/update.php", 
data: dataString, 
success: function(){ 
    $('.info').show().html("<img src='../images/success.png' width='30px' height='35' />").delay(2000).fadeOut(); 
// I guess I should load the table here 
} 
});

你覺得我的朋友嗎？有什麼建議麼？

來源

2013-10-11 Anibel

爲什麼不只是使用jQuery將輸入的數據附加到表格上？這樣它仍然會顯示你插入的內容，而不需要浪費帶寬？

編輯 -

哦，等一下，我忘了你可能會需要的ID對您的更新/刪除操作。我建議將該表的邏輯放在一個不同的PHP腳本中，比如table.php，然後使用對該腳本的AJAX調用刷新「容器」？

編輯＃2 -

對不起，也許應該給什麼我談論的一些例子。

說你的表是<div id="data-table"></div>，我建議有一個單獨的PHP腳本（稱之爲table.php），即實際編制此表給你（我會包括這個腳本到您最初加載頁面的主腳本）。

以下函數添加到您的JS ......

function getNewTable() { 
    $("#data-table").load("table.php"); 
}

更新數據後，調用getNewTable()，僅此而已。希望能幫助到你！

來源

2013-10-11 07:58:47 iLikeBreakfast

有沒有任何例子說明你的建議？編輯 - 這正是我想到的，這是我提到的第二個解決方案 – Anibel

只需使用'。.load（）'來獲取這些信息。 - 編輯檢查[鏈接]（http://api.jquery.com/load/） – iLikeBreakfast

更新動態表使用jQuery和Ajax

回答

相關問題