我正在尝试从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);
}
答案 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页面) - 您需要返回PartialView
或JsonResult
,您可以迭代并手动制作绑定内容。
对于部分视图,您需要这样的内容:
return PartialView(dataResult);
这完全取决于您尝试重新渲染的内容。如果重新渲染所需的HTML很复杂,则使用局部视图。如果只是将一堆数据推入输入元素(例如下拉列表),则应通过线路保存HTTP有效负载并使用JsonResult
。