Javascript 关于;提交;将新行添加到表&;保存到数据库。Firebase偶数侦听器.on(“添加了child”)向表返回多个额外的未定义行

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">

我需要创建一个火车时刻表,在这个时刻表中,用户通过HTML表单和submit按钮添加一列新火车。然后将每个序列添加到包含所有序列的表中。应使用Firebase数据库保存信息,以便无论谁打开新窗口/页面,都能保存所有列车。到目前为止,我得到了我想要的结果,但我得到了一些额外的“未定义”结果添加到表中。我试图调试,但我似乎无法找到为什么要添加这些额外的

以下是表格的HTML代码:

    <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 = {};