javascript - 如何检索 Firebase 数据库中的特定数据?

标签 javascript firebase web firebase-realtime-database

用户登录他/她的帐户后,系统会询问他/她的用户角色是什么。

IMG 1:询问用户角色

选择角色后,会将其保存到数据库中,

IMG 2:已保存的用户角色

那么,我们如何从 Firebase 数据库中检索特定数据,然后将其打印在 HTML 中呢?

IMG 3:显示用户角色

这些是我在 .js 中使用的代码

function app(user){

  function updateMyStatus(e){
    var myUpdate={};
    myUpdate.email = user.email;
    myUpdate.displayName = user.displayName;
    myUpdate.status = document.getElementById("clientStatus").value;
    fb.child(user.uid).set(myUpdate);
  }
  function receiveUpdate(received){
    var data = received.val();
    console.log( data );
    document.getElementById('role').innerHTML= "";
  }
  document.getElementById('userName').innerHTML = user.displayName;
  var fb = firebase.database().ref('Accounts');

  document.getElementById("clientStatus")
    .addEventListener("input",updateMyStatus);
}

如果用户已经拥有如图2所示的用户角色(状态),如何隐藏如图1所示的Dropbox?

最佳答案

以下操作将从 Firebase 取回该帐户的数据。然后就是将值设置为各自的 HTML 元素。

fb.child(AccountId).on(‘value’, callbackFunction)

引用:https://firebase.google.com/docs/database/web/read-and-write

关于javascript - 如何检索 Firebase 数据库中的特定数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52286745/

相关文章:

javascript - Google Cloud Firestore 仅查询时间戳早于 x 的文档

html - 为网站制作横幅 [网页设计/CSS]

javascript - 当可以通过 JS 或 CSS 完成某件事时,我应该选择哪种方式?

android - 当我将在线文本放入 TextView 时应用程序崩溃

javascript - 如何从以纯文本形式显示的 API 中提取 JSON 数据?

javascript - meteor 内容不显示

ios - 如何循环遍历 Firebase 数据

ios - 为什么在 iOS 11.4 版本中无法获取设备 token 值和 FCM token 值?

javascript - 粘性页脚不粘在 AngularJS 中

javascript - 在 Promise 外部声明变量,然后在 Promise 内部初始化,然后在 Promise 外部访问