Firebase讀取數據

在本章中，我們將演示如何讀取Firebase數據。下圖顯示了想要讀取的數據 -
Firebase讀取數據

可以使用on()方法來檢索數據。此方法將事件類型作爲「值」，然後檢索數據的快照。當我們將val()方法添加到快照時，將獲得數據的JavaScript表示形式。

示例

下面來看看一個例子。

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>FireBase Example</title>
        <script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
        <script>
          // Initialize Firebase
          var config = {
            apiKey: "AIzaSyAOSPYpgn7T_bKa6VbCaSeQlsw-3p3zqDs",
            authDomain: "yiibai-firebase.firebaseapp.com",
            databaseURL: "https://yiibai-firebase.firebaseio.com/",
            projectId: "yiibai-firebase",
            storageBucket: "yiibai-firebase.appspot.com",
            messagingSenderId: "334522625008"
          };
          firebase.initializeApp(config);
          var ref = firebase.database().ref();
            ref.on("value", function(snapshot) {
               console.log(snapshot.val());
            }, function (error) {
               console.log("Error: " + error.code);
            });
        </script>
    </head>
<body>

如果運行下面的代碼，瀏覽器的控制檯將顯示以下數據。
Firebase讀取數據

在下一章中，我們將學習可用於讀取數據的其他事件類型。

FireBase教程

示例