2017-03-16 30 views
1

每當我點擊我的按鈕來觸發下面的查詢,它會繼續追加到現有的表。是否有任何方法可以刷新每個按鈕單擊的頁面。如何刷新頁面,以便我的表不會添加到現有表中?

function submitClick() { 
    $(document).ready(function() { 
    const rootRef = firebase.database().ref().child("Orders/"); 
    const query = rootRef.orderByChild('Session').equalTo('VEG'); 
    query.on("child_added", snap => { 
     var user_id = snap.child("User id").val(); 
     var name = snap.child("Username").val().toUpperCase(); 
     $("#table_body").append("<tr><td>" + user_id + "</td> <td>" + name + "</td> <td>" + email + 
     "</td><td>" + address + "</td><td>" + dabba_type + "</td><td>" + session + "</td><td>" + start + 
     "</td><td>" + end + "</td><td>" + phone + "</td><td>" + "Rs " + price + "</td><td>" + feedback + "</td></tr>"); 
    }); 
    }); 
} 
+4

使用'.html()'而不是'.append()'。 – Shubham

+0

是否要刷新頁面或表格本身? 如果頁面使用'location.refresh' –

回答

1

試圖在功能

1

開始加入$("#table_body").empty()創建HTML到變量,然後補充人體

var html = "<tr><td>" + user_id + "</td> <td>" + name + "</td> <td>" + email + 
"</td><td>" + address + "</td><td>" + dabba_type + "</td><td>" + session + " </td><td>" + start + 
"</td><td>" + end + "</td><td>" + phone + "</td><td>" + "Rs " + price + "</td><td>" + feedback + "</td></tr>"; 

$("#table_body").html(html); 
1

我無法理解。您可以使用ajax重新加載頁面或datatables是用於刷新頁面重新加載頁面的最佳方式。如果你想重新加載頁面,然後用

location.reload(); 
相關問題