繁体   English   中英

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

[英]How to retrieve data from Firebase realtime android to web app

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

数据库结构:用户/ 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 userID获取“用户”的代码。 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,该怎么写? 我希望这些数据显示在我的Web管理员中,这意味着我有一个来自android的数据库,并希望在Web应用程序中显示它。

这是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>

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

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

我看到您使用了箭头功能,所以为什么不尝试这样的模板文字

$("#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>
`);

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM