how to update specific div data through ajax in asp.net mvc

Question

how to update specific div data through ajax in asp.net mvc

Answer 1

You may take a look at the UpdateTargetId property:

Controller:

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

View:

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

Answer 2

Another way might be to return a partil view from your controller and place the resultant html into the div.

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

Then in your html;

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

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