javascript - 从下拉列表中选择值后 MVC 重新加载页面

Question

我有一个可行的解决方案，但我不知道如何在从下拉列表中选择某个 ID 后重新加载页面。我的列表是从数据库填充的。当我选择它时，我可以看到它的 ID 和相应的数据。然而，屏幕上却没有任何变化。

Controller 类:

public ActionResult Index()
        {
            var model = test.getStuff();
            ViewBag.IDs = new SelectList(test.getID(), "", "ID");
            return View(model);
        }

[HttpPost]
        public ActionResult getDataBySelectedID(string selectedId)
        {
            var que = test.getHello(selectedId);
            return View(que);

        }

查看类:

@Html.DropDownList("ID", ViewBag.IDs as SelectList) 

 $(document).ready(function () {
     $("#ID").on("change", function () {
            var selectedId = this.value;
            var url = "/Sample/getDataBySelectedID";

            $.ajax({
                method: "POST",
                dataType: "json",
                url: url,
                data: {
                    selectedId: selectedId
                }
            });
        });
     });

如何使用所选值及其相应数据重新加载页面？

如有任何帮助，我们将不胜感激!

谢谢。

Answer 1

在 getDataBySelectedID 中返回类似于 Index 的 View ，它是应用了过滤器的构造模型并返回 View(model)