带有ajax功能的asp.net mvc 4问题

Question

我有 asp.net mvc4 项目，其中我有基于 @Ajax.BeginForm 的过滤器表单，当我检查该部分底部的按钮时，加载了带有过滤元素的表格，其中有一列带有下拉菜单。当我选择一项下拉菜单时，我希望在更近的列中加载基于 ma 选择元素的信息，但是当我选择元素时选择不会生效。当我在控制台中应用我的 js 脚本时，它有一个动作。我的表格呈现为部分视图。

<div class="col-md-2">
                    <select id="UniversityProgramId" name="UniversityProgramId">
                        <option disabled="disabled">Select program</option>
                        @foreach(var program in item.Program)
                        {
                            <option value="@program.ProgramId">@program.ProgramName</option>
                        }
                    </select>
                </div>

$(document).ready(function () {
    $(function () {
        $('#UniversityProgramId').change(function () {
            $.getJSON('/Filter/ProgramCost/' + $('#UniversityProgramId').val(), function (data) {
                var items = data;
                $('#ProgramPrice').html(items);
            });
        });
    });
});

更新，这是我在过滤器控制器中的 JSonResult 视图

public JsonResult ProgramCost(int Id)
    {
        var model = _repo.GetPrograms().Where(x => x.ProgramId == Id).Select(x => x.Price);

        return Json(model, JsonRequestBehavior.AllowGet);
    }

Answer 1

您正在调用 .getJSON，但随后将结果放入 ProgramPrice 的 HTML 中。

如果 /Filter/ProgramCost/' + $('#UniversityProgramId').val() 返回 JSON，那么您需要遍历每个元素并创建 HTML。我怀疑你可以只使用 JSON 值设置 HTML。