Javascript MVC Post（一个表单Ajax），但用不同的控制器请求填充三个局部视图

我有一个父视图，其中包含3个局部视图，每个视图都位于各自的div中。我尝试的是基于父视图顶部的表单（单个表单），更改每个div（局部视图）中的内容。此表单包含一个简单的下拉列表（cCats）

在一个函数中使用JavaScript和post到每个表单是最好的解决方案吗？或者有没有一种方法可以在Razor中实现这一点

第二，我不知道如何做这两种方式。有人能给我举个简单的例子吗

@model App.Models.CategoryModel

@{
    int icatid = ViewBag.CatID;
    List<Categories> cats = ViewBag.Cats;
    var lstcats = new SelectList(cats, "CatID", "CatName");
}

@Html.DropDownList("cCats", model)

<div id="dfirst">
     @Html.Partial("searchlist",Model.CatID)
</div>

<div id="dsecond">
     @Html.Partial("employees",Model.CatID)
</div>

<div id="dthird">
     @Html.Partial("results",Model.CatID)
</div>

@model App.Models.CategoryModel
@{
int icatid=ViewBag.CatID；
List cats=ViewBag.cats；
var lstcats=新选择列表（cats，“CatID”、“CatName”）；
}
@Html.DropDownList（“CCAT”，模型）
@Html.Partial（“searchlist”，Model.CatID）
@Html.Partial（“employees”，Model.CatID）
@Html.Partial（“结果”，Model.CatID）

编辑：更简单

你可以用剃须刀。使用

@Ajax.ActionLink

或

@Ajax.BeginForm

HTML助手

它们看起来像这样：

@Ajax.ActionLink("Check Available Rooms","AvailableMeals",
        new AjaxOptions
        {
            HttpMethod = "GET",
            UpdateTargetId = "Meals",
            OnSuccess = "" // display the user's selected form 

        } )

---

用户是否必须填写表单的所有三个部分？如果DropDownList发生变化，它将影响并改变所有三个div。谢谢你！这看起来和我应该做的完全一样，没问题。把答案打对，然后给我一票，怎么样？