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

时间:2010-06-02 13:27:01

标签: jquery ajax asp.net-mvc-2 partial-views

使用jQuery,是否可以调用/ControllerName/GetSomething?parameter=test,而在GetSomething方法中我有以下内容:

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

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

    return View("ContactList");
}

然后fadeOut当前显示的ContactList.ascx将其替换为更新的一个?

2 个答案:

答案 0 :(得分:5)

有一个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...
});

答案 1 :(得分:1)

您需要致电$('selector').load(url)

例如:

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