在本章中,我們將演示如何讀取Firebase數(shù)據(jù)。 下圖顯示了想要讀取的數(shù)據(jù) -
可以使用on()方法來檢索數(shù)據(jù)。 此方法將事件類型作為“值”,然后檢索數(shù)據(jù)的快照。 當(dāng)我們將val()方法添加到快照時(shí),將獲得數(shù)據(jù)的JavaScript表示形式。
下面來看看一個(gè)例子。
<!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>
如果運(yùn)行下面的代碼,瀏覽器的控制臺將顯示以下數(shù)據(jù)。
在下一章中,我們將學(xué)習(xí)可用于讀取數(shù)據(jù)的其他事件類型。