×
FireBase教程Firebase简介Firebase开发环境设置Firebase数据Firebase数组Firebase写入列表数据Firebase写入数据Firebase写入事务数据Firebase读取数据Firebase事件类型Firebase分离回调Firebase查询和排序Firebase过滤数据Firebase电子邮件认证Firebase使用Google账号登录Firebase使用Github账号登录Firebase匿名身份验证Firebase连接检查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>

如果运行下面的代码,浏览器的控制台将显示以下数据。

在下一章中,我们将学习可用于读取数据的其他事件类型。


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)