只要单击其onclick链接，数据就会重复

Question

所以我在html中有一个表格，显示我数据库中的所有租借内容。所有者名称和租用者是从两个不同的查询中检索的，这些查询是在从数据库中的租用表中检索数据的uery内部完成的。问题是每当我单击启用函数rentalhistory运行的链接时，再次添加数据会导致复制以前的数据。

  var rentalref = db.ref('rental');

        rentalref.once("value").then(function(snapshot) {
        var history = [];
        snapshot.forEach(function(childSnapshot) {
        var key = childSnapshot.key; // "ada"

        var childData = childSnapshot.val();
        console.log(childSnapshot.key);

        childSnapshot.forEach(function(data) {                       
          var pid = data.val().property_id;
          var rid = data.val().renter_id;
          var oid = data.val().owner_id;
          var date = data.val().date_created;

         var userref = db.ref('users/');                      

          userref.orderByChild("user_id").equalTo(rid).once("child_added", function(dataa) {  
          console.log(dataa.val().username);
          var rname = dataa.val().username;

              var userref = db.ref('users/');
              userref.orderByChild("user_id").equalTo(oid).once("child_added", function(dataa2) { 
              var oname = dataa2.val().username;
              $("#rentaltable").append("<tr><td>" +pid+"</td><td>" +oname+"</td><td>" +rname+"</td><td>" +date+"</td></tr>"); 

              });     
            }); 
           });
          });
         });