如何通过asp.net mvc中的ajax更新特定的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

另一种方法可能是从控制器返回局部视图并将生成的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);
    });