asp.net mvc jquery-显示部分页面作为返回结果？

Question

使用jQuery，可以调用/ControllerName/GetSomething?parameter=test ，而在GetSomething方法中，我有以下内容：

public ActionResult Details()
{
    filterQuery.OrderBy = Request.QueryString["parameter"];

    var contacts = contactRepository.FindAllContacts(filterQuery).ToList();

    return View("ContactList");
}

然后淡出ContactList.ascx的当前显示，将其替换为更新后的显示？

Answer 1

有一个PartialViewResult返回类型：

public PartialViewResult Details()

然后返回PartialView

return PartialView("ContactList");

在jQuery中，使用load（）方法使用AJAX检索结果，然后使用jQuery fadeIn（），fadeOut（）和fadeTo（）方法的某种组合。

$('#result').load('/ControllerName/GetSomething?parameter=test', function() {
  $('#result').fadeOut etc...
});

Answer 2

您需要调用$('selector').load(url) 。

例如：

$('#idOfElementContainingPartialView')
    .fadeOut()
    .load(
        '/ControllerName/GetSomething?parameter=test',
        function() { $(this).fadeIn(); }
    );