html展现数据库,在HTML页面显示来自Firebase数据库的数据

我是Firebase和JS的新手。 我正试图在存储在Firebase数据库中的网页上显示一些用户信息。在HTML页面显示来自Firebase数据库的数据

数据格式是什么，因为这形象：

基于上面的图片：

从可用的节点，的UserData是一个包含姓名，电子邮件，分配-ID的一个

我不需要显示用户1 /用户2 /用户3，他们是不可读的，如HNpTPoCiAYMZsdfdsfDD3SDDSs555S3Bj6X35。

我只是需要与attR1和Attr3所有存在的用户关联的值。现在

，我想取这个数据，并将其显示在表格格式的网页(HTML之一)。

名称|分配的ID

___________________

名称1       |     ID 1

名称1       |     ID 2

名称3       |     ID 3

我看过一些教程，但他们不清楚和有帮助。

这是我写的一些基础教程的Javascript代码，只有一条记录从数据库中显示出来，而不是整个 - 这也是数据库中最后一条记录，可以显示相同的排序顺序的AssignedID值

(function(){

// Initialize Firebase

var config = {

apiKey: "Aaasff34eaADASDAS334444qSDASD23ASg5H",

authDomain: "APP_NAME.firebaseapp.com",

databaseURL: "https://APP_NAME.firebaseio.com",

storageBucket: "APP-NAME.appspot.com",

messagingSenderId: "51965125444878"

};

firebase.initializeApp(config);

var userDataRef = firebase.database().ref("UserData").orderByKey();

userDataRef.once("value")

.then(function(snapshot) {

snapshot.forEach(function(childSnapshot) {

var key = childSnapshot.key;

var childData = childSnapshot.val(); // childData will be the actual contents of the child

var name_val = childSnapshot.val().Name;

var id_val = childSnapshot.val().AssignedID;

document.getElementById("name").innerHTML = name_val;

document.getElementById("id").innerHTML = id_val;

});

});

}());

有人可以帮助我实现这一目标吗？提前致谢。