索引ViewResult在从ajax调用回调后不重新呈现

时间:2011-12-05 01:39:45

标签: asp.net asp.net-mvc asp.net-mvc-3 jquery

我正在尝试从ajax调用回调到我的ViewResult Index()控制器操作,以根据下拉选择更新页面内容,但我的视图没有重新更新(重新渲染)。

我设置了断点,并且正在执行从ajax'get'调用的控制器中的index()动作,并且模型正在传递给视图(断点也在视图中被命中)。 / p>

查看:

  @* Contains code to build a webgrid and display data based on the model passed in... *@
  @* Contains a couple of dropdowns for filtering *@
  @* 
     Catch the select event from a dropdown and call back into the view to re-update page contents
     for filter requests.
  *@
    <script type="text/javascript">
        $("select").multiselect({
            click: function (event, ui) {
               $.ajax(
               {   type: "GET",
                   url: '@Url.Action("Index","Data")',
                   data: { FilterRequest: (ui.checked ? 'checked' : 'unchecked') },
                   success: function () {
                   alert('hello again');
               }
             })
            }
        });
</script>

控制器:

// GET: /Data/
public ViewResult Index(string FilterRequest)
{
    IList<DataModel> dataResult;
    if (FilterRequest == null)
    {   // Not a filter request so just update grid with full contents
        dataResult = db.DataObjs.OrderByDescending(x => x.id).ToList();
    }
    else
    {   // Filter request so update grid with filtered data
        dataResult = db.DataObjs.Where(/*Build some filtered stuff here*/).OrderByDescending(x => x.id).ToList();
    }            

    // Build some sub totals based on the resultset from above result set to display
    // Other business logic number mashing here to display in other grids on the same view

    return View(dataResult);
 }

1 个答案:

答案 0 :(得分:1)

您对$.ajax电话的响应没有做任何事情。

这样的事情:

$.ajax(
{   
   type: 'GET',
   url: '@Url.Action("Index","Data")',
   data: { FilterRequest: (ui.checked ? 'checked' : 'unchecked') },
   dataType: 'html',
   success: function (html) {
      $('#somecontainer').html(html);
   } 
});

此外,您无法从操作方法返回完整视图(例如HTML页面) - 您需要返回PartialViewJsonResult,您可以迭代并手动制作绑定内容。

对于部分视图,您需要这样的内容:

return PartialView(dataResult);

这完全取决于您尝试重新渲染的内容。如果重新渲染所需的HTML很复杂,则使用局部视图。如果只是将一堆数据推入输入元素(例如下拉列表),则应通过线路保存HTTP有效负载并使用JsonResult