我有一个 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-->
感谢您的帮助。我没有相关资源(欢迎提供链接)。
最佳答案
你可以这样做。
var html = $.map(response.d, function (item, i) {
return "<tr><td>" + item.value1 + "</td><td>" + item.value2 + "</td></tr>";
}).join("");
$("#testbody").append(html);
通过创建一个包含所有行和单元格的大字符串,您只需将它添加到 DOM 一次,这样会快得多!
关于javascript - 使用 jquery/json 填充表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11470994/