asp.net-mvc - 如何通过非常简单的查找来制作 MVC 表单？

Question

我们有一个非常简单的 MVC 表单，其中包含一个下拉列表，用于获取用户选择的城市。

我们有一个城市列表，我们知道每个城市的平均温度(比如说)。

几乎作为表单的装饰(它不是核心功能)，当用户更改所选城市的温度时，它会很好地显示出来。像这样的东西:



我猜这必须发生在客户端。还是 AJAX？

目前，我们的表单主要是使用脚手架自动构建的开箱即用的 MVC4 EF。

我们像这样填充下拉列表:

在 Controller 中:

ViewData("Cities") = GetCitySelectList()

并在 View 中:

@Html.DropDownListFor(Function(model) model.City, TryCast(ViewData("Cities"), SelectList))

...这么简单的东西。

有很多教程可以进行级联下拉菜单，这对于我们在这里尝试做的事情来说可能有点矫枉过正。此外，如果您在 google 上搜索“javascript 查找 mvc 表单”或类似的内容，很多结果都会将您与使用框架(敲除？准系统？)联系起来，这也是我不熟悉的，我不知道我是否需要这样的一个简单的任务。

事实上，我们非常注重保持简单，而我们的城市名单又很短，作为一个巨人几乎值得做 if then else在 javascript 中(但是，我知道，yuk)。

什么是最简单的方法来做到这一点？

Answer 1

你可以这样做:

制作 Ajax call在 change on dropdown然后放置 result在相应的div中。

结果的HTML:
Temperature:<div id="temp"></div>
Ajax 调用:

 $("#dropdownId").change(function () {
    $.ajax({
        type: "GET",
        url: "Home/GetTemperature", // your url
        contentType: "application/json; charset=utf-8",
        data : {City : " + $(this).val() +"}
        dataType: "json",
        success: function (result) {
            $("#temp").html(result); // place result in div
        },
        error: function () {
            alert("Error.");
        }
    });
});

你的行动(C#):

[HttpGet]
public JsonResult GetTemperature(string City)
{
    int temp = 30; // Get temp from your db..
    return Json(temp,JsonRequestBehavior.AllowGet);
}

你的行动(VB):

<HttpGet>
Public Function GetTemperature(City As String) As JsonResult
  Dim temp As integer = 30
  Return Json(temp, JsonRequestBehavior.AllowGet)
End Function