使用jQuery填充帶有JSON數據的div

Question

假設我有網格表，應在用戶單擊時填充數據。 請求應通過ajax發送，並通過json返回數據。我想使用asp.net mvc3和jQuery。

我的問題是如何填充div id與返回的json數據，我怎樣才能識別目標div和使用jQuery在該div中的數據填充？

Answer 1

只要考慮div，您可以給它一個id，稍後您將能夠使用GetElementbyId JavaScript函數訪問該元素。

對於表格元素， 您有多種選擇。

1. 不編碼靜態表。相反，使用jQuery或JavaScript將元素添加到dom中。這樣，您將能夠遍歷XML並動態添加相關的行和列。

2. 代碼在HTML表靜態，給它分配一個ID，然後使用下一個兄弟，前一個兄弟等訪問所有細胞的細胞之間的關係，

，最後

1. 代替xml，從ajax請求中獲取xhtml。這樣，你就可以直接將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); 
}