Javascript Ajax追加一行而不是数组

我有一个ajax函数，它从后端获取一个数据数组，当我尝试在刀片服务器中追加这些数据时，它只显示一行而不是一个行数组

问题 ajax只追加1行 当结果返回时，选择选项将为空，而我没有任何代码来清除选择选项。 密码 结果

使现代化 刀片式

结果

​​​ 在javascript中

$.eachdata.data，函数键，值{ 变量元素=` 密码 ${value.code} 名称 ${value.name} 类型 ${value.type} 班 ${value.class} 床 ${value.beds} 物主 ${value.owner} 省份 ${value.province} 城市 ${value.city} 住址 ${value.address} `; $‘body’元素； };

---

在下面的代码中，您通过fieldId追加值，这就是为什么它只追加最后一行。每次迭代，值都会在设置背景值时更新

  $('#code').html(value.code);
    $('#name').html(value.name);
    $('#type').html(value.type);
    $('#class').html(value.class);
    $('#beds').html(value.beds);
    $('#owner').html(value.owner);
    $('#province').html(value.province);
    $('#city').html(value.city);
    $('#address').html(value.address);

---

因此，为了达到您的目的，您必须将它们作为一个完整的行追加并插入到表中，而不仅仅是追加字段值，而是按行追加并将该行插入到表中。我希望你明白我的意思。

问题是你总是在更改同一个表的相同元素。我认为每行需要附加一个表：

$.eachdata.data，函数键，值{ $.result.append“…” };

---

但是，您可能希望使用Handlebar或其他模板库来避免在表中创建长字符串。

$'code'.htmlvalue.code；到$'code'.appendvalue.code；但是你需要附加root div，而不是像这样。我可以在你要附加的地方看到你的html，这样我就可以为你提供正确的解决方案。当然，我会添加它。@KamleshPaul updatedokay。明白了…谢谢你，它确实有用，但是它不包括来自的mb-3类

<p>Results</p>
<div class="resError clearfix mt-4" style="display:none;"></div>
<div class="result clearfix mt-4" style="display:none;">
    <table class="mb-3 table table-bordered table-hover">
        <tbody>​​​
            <tr>
                <th width="50">Code</th>
                <td id="code"></td>
            </tr>
            <tr>
                <th width="50">Name</th>
                <td id="name"></td>
            </tr>
            <tr>
                <th width="50">Type</th>
                <td id="type"></td>
            </tr>
            <tr>
                <th width="50">Class</th>
                <td id="class"></td>
            </tr>
            <tr>
                <th width="50">Beds</th>
                <td id="beds"></td>
            </tr>
            <tr>
                <th width="50">Owner</th>
                <td id="owner"></td>
            </tr>
            <tr>
                <th width="50">Province</th>
                <td id="province"></td>
            </tr>
            <tr>
                <th width="50">City</th>
                <td id="city"></td>
            </tr>
            <tr>
                <th width="50">Address</th>
                <td id="address"></td>
            </tr>
        </tbody>
    </table>
</div>

  $('#code').html(value.code);
    $('#name').html(value.name);
    $('#type').html(value.type);
    $('#class').html(value.class);
    $('#beds').html(value.beds);
    $('#owner').html(value.owner);
    $('#province').html(value.province);
    $('#city').html(value.city);
    $('#address').html(value.address);