![](/img/trans.png)
[英]Unable to retrieve data from firebase realtime database into web app
[英]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.