如何从Firebase实时android到Web应用程序检索数据

时间:2017-10-27 15:16:50

标签: javascript android html firebase-realtime-database

下面是我的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的用户的'用户',有人可以建议我哪里出错吗? 我也想显示userID,我该怎么写呢? 我希望这些数据显示在我的网站管理员中,意味着我有一个来自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>

1 个答案:

答案 0 :(得分:0)

试试这个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>
`);