c# - 使用 jQuery 使用 JSON 数据填充 div

Question

假设我有网格表，应该在用户点击时填充数据。请求应该通过 ajax 发送并通过 json 返回数据。我想使用 asp.net mvc3 和 jQuery。

我的问题是如何使用返回的 json 数据填充 div id，如何识别目标 div 并使用 jQuery 填充该 div 中的数据？

Answer 1

就 div 而言，您可以给它一个 id，稍后您将能够使用 GetElementbyId javascript 函数访问该元素。

对于表格元素，您有多种选择。

1. 不要对静态表进行编码。相反，使用 jquery 或 javascript 向 dom 添加元素。这样，您将能够遍历 xml 并动态添加相关的行和列。

2. 在 html 中静态编码表格，为其分配一个 id，然后使用单元格之间的下一个兄弟、前一个兄弟等关系访问所有单元格，

最后

1. 从 ajax 请求中获取 xhtml 而不是 xml。这样，您就可以将 html 直接放入 div 中。

Answer 2

您不能使用 Ajax.ActionLink 将部分视图返回到具有 ID 的特定 div 吗？

在视图中

@Ajax.ActionLink("linkText", "action", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "divContainerId" })

<div id="divContainerId"></div>

在控制器中

[HttpGet]
public PartialViewResult action()
{
    var jsonData = getData();
    return PartialView("_partialView", jsonData);
}