So zeigen Sie Daten von Firebase in HTML-Tabelle

-1

Ich bin neu zu firebase, ich habe Android-App erstellt, die Daten zu Firebase speichert, und jetzt entwickle ich Web-App, die diese Daten in HTML-Tabelle zeigen wird, aber ich nicht weiß wirklich wie. Das ist mein HTML-Code:So zeigen Sie Daten von Firebase in HTML-Tabelle

<center> 
<table style="width:80%"> 
    <tr id="tr"> 
    <th>Registracija vozila:</th> 
    <th>Status vozila:</th> 

    <tr> 
    </tr> 
    <tr> 
    <tr> 
    </tr> 
</table> 
</center> 

<script> 
    var database = firebase.database(); 
    database.ref().once('value', function(snapshot){ 
     if(snapshot.exists()){ 
      var content = ''; 
      snapshot.forEach(function(data){ 
       var val = data.val(); 
       content +='<tr>'; 
       content += '<td>' + val.registracija + '</td>'; 
       content += '<td>' + val.status + '</td>'; 
       content += '</tr>'; 
      }); 
      $('#ex-table').append(content); 
     } 
    }); 
</script>

Quelle

2017-07-24 Filip Đorđević

Können Sie uns einen Code zeigen, den Sie ausprobiert haben, um sich mit der Datenbank zu verbinden? Wenn nicht, haben wir nicht viel zu tun, um Ihnen zu helfen. Versuchen Sie, durch die Firebase-Dokumentation zu arbeiten und so weit wie möglich zu kommen. –

Stack Overflow ist keine Tutorial-Site. Um zu erfahren, wie Firebase zum Auffüllen einer Webseite verwendet wird, empfehle ich, mit der [Firebase-Dokumentation] (https://firebase.google.com/docs/database/web/start) oder dem [Firebase-Codelab] zu beginnen (https://codelabs.developers.google.com/codelabs/firebase-web/) für Webentwickler. –

@CalebAnthony ich habe den my code aktualisiert –

snapshot.forEach(function(child) { 
    if(isFirst){ 
     createHeaders(child.val()); 
     isFirst = false; //So it only will run once. 
    } 

    showItems(child.val(), child.key); 
});

Was Sie tun können, ist eine einfache isFirst boolean erstellen, und wie die forEach um ausgeführt wird (ich nehme Ihre Spalte-Header das erste, was zu zurück .) Dann brauchen Sie nur noch folgendes:

Quelle

2017-08-25 08:58:07 Vimal

So zeigen Sie Daten von Firebase in HTML-Tabelle

Antwort

Verwandte Themen