Javascript 关于;提交;将新行添加到表&;保存到数据库。Firebase偶数侦听器.on(“添加了child”)向表返回多个额外的未定义行
我需要创建一个火车时刻表,在这个时刻表中,用户通过HTML表单和submit按钮添加一列新火车。然后将每个序列添加到包含所有序列的表中。应使用Firebase数据库保存信息,以便无论谁打开新窗口/页面,都能保存所有列车。到目前为止,我得到了我想要的结果,但我得到了一些额外的“未定义”结果添加到表中。我试图调试,但我似乎无法找到为什么要添加这些额外的 以下是表格的HTML代码:Javascript 关于;提交;将新行添加到表&;保存到数据库。Firebase偶数侦听器.on(“添加了child”)向表返回多个额外的未定义行,javascript,jquery,firebase,firebase-realtime-database,Javascript,Jquery,Firebase,Firebase Realtime Database,我需要创建一个火车时刻表,在这个时刻表中,用户通过HTML表单和submit按钮添加一列新火车。然后将每个序列添加到包含所有序列的表中。应使用Firebase数据库保存信息,以便无论谁打开新窗口/页面,都能保存所有列车。到目前为止,我得到了我想要的结果,但我得到了一些额外的“未定义”结果添加到表中。我试图调试,但我似乎无法找到为什么要添加这些额外的 以下是表格的HTML代码: <form> <div class="form-group">
<form>
<div class="form-group">
<label for="trainName">Train Name</label>
<input type="text" class="form-control" id="trainName" placeholder="Enter the name of your train">
</div>
<div class="form-group">
<label for="destination">Destination</label>
<input type="text" class="form-control" id="destination" placeholder="Enter your train's destination">
</div>
<div class="form-group">
<label for="firstTrainTime">First Train Time (HH:MM Military Time)</label>
<input type="text" class="form-control" id="firstTrainTime" placeholder="HH:MM">
</div>
<div class="form-group">
<label for="frequency">Frequency (min)</label>
<input type="text" class="form-control" id="frequency" placeholder="MM">
</div>
<button type="submit" class="btn btn-danger" id="submitBttn">SUBMIT</button>
</form>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Train Name</th>
<th>Destination</th>
<th>Frequency (min)</th>
<th>Next Arrival</th>
<th>Minutes Away</th>
</tr>
</thead>
<tbody>
<tr>
<td>Trenton Express</td>
<td>Trenton</td>
<td>25</td>
<td>05:35 PM</td>
<td>10</td>
</tr>
</tbody>
</table>
</div>
在我的代码中,我刚刚删除了它,因为它上面有我的firebase信息 这些未定义的结果是否仅显示在表上?还是将它们插入数据库?(请检查firebase控制台以确保)@MWolowicz您解决了这个问题吗?
$(document).ready(function(){
firebase.initializeApp(config);
var userInptTrainName = "";
var userInptDestination = "";
var userInptFirstTT = "";
var userInptFreq = 0;
$("#submitBttn").on("click", function(event) {
event.preventDefault();
userInptTrainName = $("#trainName").val().trim();
userInptDestination = $("#destination").val().trim();
userInptFirstTT = $("#firstTrainTime").val().trim();
userInptFreq = $("#frequency").val().trim();
firebase.database().ref().push({
dataTrainName: userInptTrainName,
dataDestination: userInptDestination,
dataFirstTrainTime: userInptFirstTT,
dataFrequency: userInptFreq,
timeAdded: firebase.database.ServerValue.TIMESTAMP
});
firebase.database().ref().limitToLast(1).on("child_added", function(snapshot) {
var newRowItem = $("<tr><td>" + snapshot.val().dataTrainName + "</td><td>" + snapshot.val().dataDestination + "</td><td>" + snapshot.val().dataFirstTrainTime + "</td><td>" + snapshot.val().dataFrequency + "</td></tr>");
$("table tbody").append(newRowItem);
});
});
var config = {};