Firebase事件類型

Firebase提供了幾種不同的事件類型來讀取數據。 下圖顯示了想要讀取的數據 -

下麵介紹一些最常用的方法。

第一個事件類型是值。 我們在上一章已經演示了如何使用值。 每次數據更改時都會觸發此事件類型,並且將檢索包括子項在內的所有數據。

child_added

這個事件類型將被每個運動員觸發一次,每次新運動員被添加到數據中。 讀取列表數據非常有用,因為我們可以從列表中獲得添加的運動員和前一個運動員的訪問許可權。

示例
現在來看看下麵的一個例子 -

<!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: "zaixian-firebase.firebaseapp.com",
            databaseURL: "https://zaixian-firebase.firebaseio.com/",
            projectId: "zaixian-firebase",
            storageBucket: "zaixian-firebase.appspot.com",
            messagingSenderId: "334522625008"
          };
          firebase.initializeApp(config);
          var playersRef = firebase.database().ref("players/");
          playersRef.on("child_added", function(data, prevChildKey) {
               var newPlayer = data.val();
               //console.log("name: " + newPlayer.name);
               console.log("age: " + newPlayer.age);
               console.log("number: " + newPlayer.number);
               console.log("Previous Player: " + prevChildKey);
            });
        </script>
    </head>
<body>

執行上面示例代碼,得到以下結果。

child_changed

這個事件類型在數據改變時被觸發。

示例

考慮下麵的例子。

var playersRef = firebase.database().ref("players/");

playersRef.on("child_changed", function(data) {
   var player = data.val();
   console.log("The updated player age is " + player.age);
});

可以在Firebase控制臺中將Amandaage字段的值由21更改為28以獲取更新。

child_removed

假設原始數據如下 -

如果想獲得已刪除數據的訪問許可權,可以使用child_removed事件類型。

示例

var playersRef = firebase.database().ref("players/");

playersRef.on("child_removed", function(data) {
   var deletedPlayer = data.val();
   console.log(deletedPlayer.age + " has been deleted");
});

上面示例中,假設我們刪除索引號為:100,名字為:Maxsu的一行數據。則 -


上一篇: Firebase讀取數據 下一篇: Firebase分離回調