如何从 Firebase 实时 android 检索数据到网络应用程序答案

【问题标题】：How to retrieve data from Firebase realtime android to web app如何从 Firebase 实时 android 检索数据到网络应用程序
【发布时间】：2017-10-27 15:16:49
【问题描述】：

以下是我的 android firebase 数据库中的数据，我想获取“用户”详细信息和 Uid。

数据库结构：users/Uid

    {  "users" : {
"BbvZI5bKbXUNmK63ylJVIME6Kon1" : {
  "add1" : "2,jalan zakaria",
  "add2" : "lorong rahidin 2",
  "city" : "Sungai Buloh",
  "email" : "angah_gurly95@yahoo.com.my",
  "fullname" : "muhammad zafar darwisy",
  "ic" : "140223142397",
  "phoneNo" : "0123456789",
  "state" : "SELANGOR",
  "zipcode" : "60400"
},
"irNx5mxH47N26BzmsYBXYAF1dY82" : {
  "add1" : "34, dtrn rapat jaya",
  "add2" : "taman silibin",
  "city" : "Ipoh",
  "email" : "norhananisubri@gmail.com",
  "fullname" : "nor hanani subri",
  "ic" : "123",
  "phoneNo" : "0175",
  "state" : "PERAK",
  "zipcode" : "31350"
}}}

下面是我用来通过使用他们的 firebase 用户 ID 获取“用户”的代码。 Javascript：

// Call the dataTables jQuery plugin
$(document).ready(function() {  
var rootRef= firebase.database().ref().child("users");
rootRef.on("child_added", snap => {
var name= snap.child("fullname").val();
var ic = snap.child("ic"),val();
var email= snap.child("email").val();
var phoneNo= snap.child("phoneNo").val();
var add1= snap.child("add1").val();
var add2= snap.child("add2").val();
var city= snap.child("city").val();
var zipcode= snap.child("zipcode").val();
var state= snap.child("state").val();


$("#table_data").append("<tr><td>" + name +
 "</td><td>" + ic + "</td><td>" + ic +
 "</td><td>" + email + "</td><td>" + phoneNo +
 "</td><td>" + add1 + "</td><td>" + add2 +
 "</td><td>" + city + "</td><td>" + zipcode +
 "</td><td>" + state + "</td><td><button>Remove</button></td></tr>"); 
//alert(snap.val());

});

});

但是，我仍然无法为具有 userID 的用户获取“用户”，有人可以建议我哪里出错了吗？我也想显示用户ID，我应该怎么写呢？我希望这些数据显示在我的网络管理员中，这意味着我有一个来自 android 的数据库并希望在网络应用程序中显示它。

这是 HTML 代码

<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
          <tbody id=table_data>
          <thead>
            <tr>
             <!-- <th>ID No</th>-->
              <th>Name</th>
              <th>IC</th>
              <th>Email</th>
              <th>Phone No</th>
              <th>Address 1</th>
              <th>Address 2</th>
              <th>City</th>
              <th>ZIP Code</th>
              <th>State</th>
            </tr>
            </tbody>
          </thead>

【问题讨论】：

标签： javascript android html firebase-realtime-database

【解决方案1】：

让我们试试这个var userID = snap.key;

您可以在此处的 Firebase 文档中查看详细信息 here

我看到你使用箭头功能，所以你为什么不试试template literals这样

$("#table_data").append(`
    <tr>
        <td>${userID}</td>
        <td>${name}</td>
        <td>${ic}</td>
        <td>${ic}</td>
        <td>${email}</td>
        <td>${phoneNo}</td>
        <td>${add1}</td>
        <td>${add2}</td>
        <td>${city}</td>
        <td>${zipcode}</td>
        <td>${state}</td>
        <td><button>Remove</button></td>
    </tr>
`);

【讨论】：