Question

我正在尝试将Firebase数据库中的所有数据输出到空白网页。我目前使用下面的代码在chrome控制台中打印出来。 ref.on("value", function(snapshot) { console.log(snapshot.val()); }, function (error) { console.log("Error: " + error.code); });

我希望它打印到实际的网页本身，而不是打印到控制台。苦苦挣扎，因为Firebase本身没有太多文档。这是我试图输出Firebase数据库数据的近空白html页面的完整代码。我还提供了Firebase数据库结构的图片。Here

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>  
<script src = "https://www.gstatic.com/firebasejs/4.6.2/firebase-app.js">
</script>
<script src = "https://www.gstatic.com/firebasejs/4.6.2/firebase-auth.js">
</script>
<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase-database.js">
</script>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="img/membrain.ico">


<script src="https://www.gstatic.com/firebasejs/4.6.2/firebase.js"></script>

<script>
    const config = {

    .........
};
firebase.initializeApp(config);
</script>
</head>
<body>
    <h1>Firebase Database</h1>

            <script>
            var ref = firebase.database().ref();

ref.on("value", function(snapshot) {
console.log(snapshot.val());
}, function (error) {
 console.log("Error: " + error.code);
});




</script>
</body>

 </html>

将Firebase数据库数据输出到网页

0 个答案: