3

私はasp.net Webページを持っていて、テーブルに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-->

ご協力いただきありがとうございます。私はそのためのリソースを持っていません (リンクを歓迎します)。

4

1 に答える 1

6

You can do it like this.

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

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

By creating a big string with all the rows and cells in it you only need to add it once to the DOM which is a lot quicker!

于 2012-07-13T13:27:18.060 に答える