javascript - 使用 jquery/json 填充表

Question

我有一个 asp.net 网页，我想用 jquery 填充表格，ajax web 服务调用一些东西。但我一点也不强。表格的 html 部分是：

<tbody id="testBody">
            <tr id="templateEquipment" class="hidden">
                <td>
                </td>
                <td>
                </td>
                <td>
                </td>
                <td>
                </td>
                <td>
                </td>
                <td>
                </td>
                <td class="hidden">
                </td>
            </tr>
        </tbody>

我已经定义了列，并且表在开始时是空的。在jQuery中

function SearchEquipment() {
$.ajax({
    type: "POST",
    url: pageName + "SearchEquipment",
    data: "{'oParams':" + JSON.stringify(BeginSearch()) + "}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (response) {
        if (response.d.length > 0) {

            $.each(response.d, function (i, item) {
            <!-- add row to fill the table-->

谢谢你的帮助。我没有资源（欢迎链接）。

Answer 1

你可以这样做。

var html = $.map(response.d, function (item, i) {
  return "<tr><td>" + item.value1 + "</td><td>" + item.value2 + "</td></tr>";
}).join("");

$("#testbody").append(html);

通过创建一个包含所有行和单元格的大字符串，您只需将其添加到 DOM 一次，这要快得多！