提问者:小点点

在从firebase javascript获取值之后运行一些内容


我有一个javascript函数,它从firebase实时数据库中的一个节点获取一些值。 JS代码为:

null

var numZones;
var firebaseConfig = {
  apiKey: "",
    authDomain: "",
    databaseURL: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: "",
    measurementId: ""
};
firebase.initializeApp(firebaseConfig);
  firebase.analytics();
  var db = firebase.database();
  var ref = firebase.database().ref("/LH121");
  ref.child("NumZones").once('value', function(snapshot)
  {
    numZones = snapshot.val();
    document.getElementById("zones").value = numZones;
    console.log('Got value');
  });
  console.log('After get value');
<script src="https://www.gstatic.com/firebasejs/7.15.3/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.15.3/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.15.3/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.15.3/firebase-database.js"></script>

<div class="container" style="text-align: center;">
  <div class="row">
    <input type="number" name="zones" id="zones" step="1">
   </div>
</div>

null

当从firebase获取值时,我想访问一些东西。 我怎样才能这样做呢?


共1个答案

匿名用户

由于.一旦返回一个承诺,您可以链接一个.然后块,以便在.一旦执行后运行您想要的代码。

参考:https://firebase.google.com/docs/reference/js/firebase.database.reference#once

ref.child("NumZones").once('value', function(snapshot)
  {
    numZones = snapshot.val();
    document.getElementById("zones").value = numZones;
    console.log('Got value');
  }).then(() => console.log("After get value"));

我建议您使用以下方法,而不是在.once上传递回调函数。

ref.child("NumZones").once('value').then((snapshot) => {
    numZones = snapshot.val();
    document.getElementById("zones").value = numZones;
    console.log('Got value');
  }).then(() => console.log("After get value"));

有关javascript承诺的更多信息:https://developer.mozilla.org/en-us/docs/web/javascript/reference/global_objects/promise