javascript - MVC Post (One Form Ajax) 但用不同的 Controller 请求填充三个局部 View

Question

我有一个父 View ，其中包含 3 个局部 View ，每个 View 都在自己的 div 中。我试图做的是基于父 View 顶部的表单(单一表单)，更改每个 div(局部 View )中的内容。此表单包含一个简单的下拉列表 (cCats)。

使用 JavaScript 并在一个函数中发布到每个表单的最佳解决方案是什么？或者有没有办法在 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>

Answer 1

编辑:更容易

你可以使用 Razor 。使用 @Ajax.ActionLink 或 @Ajax.BeginForm HTML Helper。

它们看起来像这样:

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

        } )