ASP.NET MVC动态加载数据

时间:2023-12-14 14:07:56

ASP.NET MVC动态加载数据,一般的做法是使用$.each方法来循环产生tabel:

你可以在html时先写下非动态的部分:
ASP.NET MVC动态加载数据

 Source Code

上图中,有一行代码:

<tbody class="tbodyData"></tbody>

是为了动态加载的容器。

下面是重点,在jQuery实现动态加载:
ASP.NET MVC动态加载数据

ASP.NET MVC动态加载数据
$(".tbodyData").empty();
$.each(data.data, function (i, item) {
var tr = $("<tr/>");
tr.append("<td><input class=\"SelectSingle\" type=\"checkbox\" value=" + item.RTP_nbr + " /></td>");
tr.append("<td>" + item.RTP_nbr + "</td>");
tr.append("<td>" + item.Port_Start + "</td>");
tr.append("<td>" + item.Port_End + "</td>");
$(".tbodyData").append(tr);
});
ASP.NET MVC动态加载数据