2017-06-03 64 views
0

我已經設置了下面的Javascript來顯示我的Firebase數據庫中的所有對象。但是當我將它顯示在我的網頁上時,它只返回[object Object]。我錯過了什麼?如何在HTML中顯示Firebase數據[對象對象]當前顯示

events.on('value', function(snapshot) { 
    snapshot.forEach(function(childSnapshot) { 
    var eventkey = childSnapshot.key; 
    var eventdata = childSnapshot.val(); 

    var card = document.createElement('div'); 
    card.setAttribute('class', 'card'); 
    document.body.appendChild(card); 

    var cardtitle = document.createElement('p'); 
    cardtitle.innerHTML = eventdata; 
    card.appendChild(cardtitle); 

    console.log(event); 
    }); 
}); 

感謝您的幫助

+0

你可以使用'cardtitle.innerHTML = JSON.stringify(EVENTDATA)',而不是'cardtitle.innerHTML = EVENTDATA;' –

回答

0

我得到它的工作。看到這個帖子裏面幫助:Display data from Firebase database in a HTML page

這是我改變:

// displays event listings on browse.html - modified 3/6/17 
    events.on('value', function(snapshot) { 
    snapshot.forEach(function(childSnapshot) { 
    var eventkey = childSnapshot.key; 
    var eventdata = childSnapshot.val(); 

    // listing data to be displayed 
    var browsetitle = childSnapshot.val().title; // added this 
    var browsecity = childSnapshot.val().city; // added this 

    var card = document.createElement('div'); 
    card.setAttribute('class', 'card'); 
    document.body.appendChild(card); 

    var cardtitle = document.createElement('p'); 
    cardtitle.innerHTML = browsetitle + browsecity; // added this 
    card.appendChild(cardtitle); 

    console.log(eventdata); // changed this to see what was going on 
    }); 
});