使用jQuery使用JSON数据填充div

时间:2012-09-10 17:07:14

标签: c# jquery json asp.net-mvc-3

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

我的问题是如何使用返回的json数据填充div id,如何识别tar的div并使用jQuery填充该div中的数据?

2 个答案:

答案 0 :(得分:2)

考虑到div,你可以给它一个id,之后你就可以使用GetElementbyId javascript函数访问该元素了。

对于表格元素, 你有多种选择。

  1. 不要编写静态表的代码。相反,使用jquery或javascript将元素添加到dom。这样,您就可以遍历xml并动态添加相关的行和列。

  2. 以静态方式对表格进行编码,为其分配一个id,然后使用下一个兄弟,单元格之间的兄弟姐妹等关系访问所有单元格,

  3. 最后

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

答案 1 :(得分:0)

你能否使用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);
}