如何在 Razor 中仅刷新一个 Html.ListBox asp.net

Question

我试图只刷新一个Html.ListBox。但是我不知道如何使用ASP执行此操作。现在它将刷新整个页面。

这是我的消息来源：控制器

[HttpPost]
public ActionResult KenmerkSelectie(string Kenmerken1, string Buttontype, List<string> VarFromKenmerk1)
{
    if (Buttontype == "submit")
    {
        //Write to a database and process stuff
        return this.RedirectToAction("submitForm");
    }else{
        ViewBag.VarFromKenmerk1 = ...;
        //TODO: Must refresh the ListBox: VarFromKenmerk1;
        //AND AND NOT refresh whole page;
        return View("index");
    }

网页视图：

@using (Html.BeginForm("KenmerkSelectie", "KenmerkSelectie", FormMethod.Post, new { id = "kenmerk1" }))
{
    @Html.DropDownList("Kenmerken1",
    (SelectList)ViewBag.Kenmerk,
    "-- Selecteer een kenmerk--", new
    {
        onchange = "refreshVarFromKenmerk1();"
    })
     @Html.ListBox("VarFromKenmerk1", (SelectList)ViewBag.var, new { @style = "width: 252px; height: 300px" })
    <input type="submit" value="submit" id="btnNext" name="ButtonType" />
}

Javascript：

<script type="text/javascript">
    function refreshVarFromKenmerk1() {
        document.getElementById('kenmerk1').submit();
    }
 </script>

没有Javascript可以做到这一点吗？或者更好的是，我该如何实现这一目标？

Answer 1

我认为您正在寻找的是控制器中的Request.IsAjaxRequest()。您可以触发 Ajax 请求，例如：

$('#kenmerk1').change(function () { $.get(); /* this won't work but shows the basics */ });

然后，您可以在控制器中返回JsonResult并刷新列表框。