私のテーブルが既存のテーブルに追加され続けるようにページを更新する方法？

Question

私のボタンをクリックすると、次のクエリを起動するたびに既存のテーブルに追加されます。すべてのボタンをクリックするたびにページを更新できます。機能

Answer 1

試みは、変数に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); 

Answer 2

の開始時に$("#table_body").empty()を追加

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>"); 
    }); 
    }); 
} 

Answer 3

に追加します。 ajaxを使用してページをリロードするか、またはdatatablesを使用してページを再読み込みすることなくテーブルをリフレッシュするのに最適な方法です。ページをリロードするだけの場合は、

location.reload();