如何通过Ajax在asp.net mvc的更新特定的div数据

Question

如何在asp.net mvc的通过Ajax更新特定的div数据

Answer 1

你可以看看的UpdateTargetId属性：

控制器：

public ActionResult SomeAction() 
{ 
    // you could return a PartialView here if you need more complex HTML fragment 
    return Content("<span>some content</span>", "text/html"); 
} 

查看：

<div id="result"></div> 
<%= Ajax.ActionLink(
    "Update div test", 
    "SomeAction", 
    new AjaxOptions { UpdateTargetId = "result" } 
) %> 

Answer 2

另一种方法可能会返回从Y partil视图我们的控制器并将结果html放入div。

public ActionResult jQueryTagFilter(string filterBy) 
    { 
     //Do stuff 
     return PartialView("TagList", tags); 
    } 

然后在你的html;

$.post("/Admin/jQueryTagFilter", { filterBy: filter }, function(newUserListHTML) { 
     $("#divTags").fadeOut(300, function() { 
      $"#divTags").innerHTML = newUserListHTML; 
      }); 

     $("#divTags").fadeIn(300); 
    });