jquery - 使用ajax jQuery向表格添加行

Question

这是我的代码：

$.ajax({
    type: 'GET',
    url: "/plan",
    dataType: "json",
    ContentType: "application/json; charset=utf-8",
    data: data,
    success: function (data) {
        if (data.status == "OK" && data.body != "") {
            var newRow = $("<tr><td>" + data.body.base.address + "</td><td>hi</td><td>hi</td><td>hi</td><td>hi</td><td>hi</td></tr>");
            $("#titleRow").after(newRow);
            return TINY.box.show({
                html: $('#workList').html(),
                animate: false,
                close: true,
                boxid: 'error',
                top: 10
            });
        } else {
            alert("Fail");
        }
    }
});    

HTML：

<table id="table">
    <!-- the title row -->
    <tr id="titleRow">
        <th>案件番号</th>
        <th>住所</th>
        <th>施主名&lt;/th>
        <th>日付</th>
        <th>ステータス&lt;/th>
        <th>担当者&lt;/th>
    </tr>
    <!-- end title row --> 
    <!-- content row-->                      
    <!-- end content row -->
</table>

我想在之后添加一行，#titleRow但添加了 6 行。我不知道为什么。

Answer 1

在这里你添加 1 行和 6 列我看不到问题：

var newRow = $("<tr><td>" + data.body.base.address + "</td><td>hi</td><td>hi</td><td>hi</td><td>hi</td><td>hi</td></tr>");
            $("#titleRow").after(newRow);

也许你发射了 6 次 Ajax，所以你得到 6 行而不是 1 行