javascript - 使用 $.ajax (MVC 4) 将数据传递给 Controller

Question

我有以下编辑器模板:

DropDownListEditorTemplate

@model DropDownListViewModel

<script type="text/javascript">
    $(function() {
        $("select").on("change", function () {
            $.ajax({
                type: "POST",
                url: '@Url.Action("ListItemChanged", "Controller")',
                data: { "Value": "@Model.Items.FirstOrDefault(x => x.Selected).Value" }
            });
        });
    })
</script>

@Html.DropDownListFor(m => m.Value, Model.Items, "(Select)")

Controller

public ActionResult ListItemChanged(string selectedItem)
{
    // Stuff.
}

问题是当加载编辑器模板时，我收到一条错误消息，指出@Model.Items 为空(“对象引用未设置为对象的实例”)。这是有道理的，除了为什么要在不更改任何选择项的情况下评估该行？即使我将 $.ajax 调用更改为仅在 1 == 2 时执行，它仍然会给我该错误。很明显，即使 jQuery 函数未执行，该行也会被评估。

鉴于此，我该如何防止该错误发生？ @Model.Items.First(x => x.Selected).Value 只有在下拉列表项被选中后才会有一个值。

Answer 1

试试这个:

@model DropDownListViewModel

<script type="text/javascript">
    $(function() {
        $("select").on("change", function () {
            $.ajax({
                type: "POST",
                url: '@Url.Action("ListItemChanged", "Controller")',
                data: { "Value": $(this).val() }
            });
        });
    })
</script>

@Html.DropDownListFor(m => m.Value, Model.Items, "(Select)")