如何执行纯 Javascript foreach 循环并打印出结果 firebase?
How do I do a pure Javascript foreach loop and print out the results firebase?
我正在尝试从 firebase 数据库获取结果并显示所有结果。不像 jquery 当我可以使用 appendTo 函数时,我不知道如何用纯 javascript.
完成它
这是我的脚本:
<div id="resultsContainer"></div>
var fireBaseRef = new Firebase("https:somefirebaseurl.firebaseio.com/results");
fireBaseRef.once("value", function(snapshot) {
snapshot.forEach(function(childSnapshot) {
var key = childSnapshot.key();
// childData will be the actual contents of the child
var childData = childSnapshot.val();
var eName = childSnapshot.val().resultname;
console.log(eName);
resultsContainer.innerHTML = '<div class="result"></div>';
});
});
如您所见,我使用了 innerHTML,但这只给了我一个结果集。
如果您已经知道如何将 HTML 附加到 jQuery,该方法仍然适用于 Firebase。
但这也行得通:
snapshot.forEach(function(childSnapshot) {
var childData = childSnapshot.val();
var eName = childSnapshot.val().resultname;
resultsContainer.innerHTML += '<div class="result">'+eName+'</div>';
});
请注意,如果您正在寻找某些特定 jQuery 构造的等价物,如果您 post 那个 jQuery 片段,将会更容易帮助您。
我正在尝试从 firebase 数据库获取结果并显示所有结果。不像 jquery 当我可以使用 appendTo 函数时,我不知道如何用纯 javascript.
完成它这是我的脚本:
<div id="resultsContainer"></div>
var fireBaseRef = new Firebase("https:somefirebaseurl.firebaseio.com/results");
fireBaseRef.once("value", function(snapshot) {
snapshot.forEach(function(childSnapshot) {
var key = childSnapshot.key();
// childData will be the actual contents of the child
var childData = childSnapshot.val();
var eName = childSnapshot.val().resultname;
console.log(eName);
resultsContainer.innerHTML = '<div class="result"></div>';
});
});
如您所见,我使用了 innerHTML,但这只给了我一个结果集。
如果您已经知道如何将 HTML 附加到 jQuery,该方法仍然适用于 Firebase。
但这也行得通:
snapshot.forEach(function(childSnapshot) {
var childData = childSnapshot.val();
var eName = childSnapshot.val().resultname;
resultsContainer.innerHTML += '<div class="result">'+eName+'</div>';
});
请注意,如果您正在寻找某些特定 jQuery 构造的等价物,如果您 post 那个 jQuery 片段,将会更容易帮助您。