MVC 4 / AJAX - 传递给控制器的空值，尽管列表中的条目有效

我有一个"创建"表单，我正在处理。其中两个字段是 OriginAirportID 和 DestinationAirportID。

目前可以做的是有人在此字段中键入一串字母，然后页面使用此字符串创建一个 AJAX 请求，以 JSON 格式获取一组数据。然后，此 JSON 数据将被格式化并显示在用户可以单击它的页面上，并将项目名称添加到字段中。

按下提交/创建按钮，我已经在Visual Studio中对其进行了调试，可以看到FromAirport和ToAirport字段显示为空。

很明显，机场 ID 没有被发送回控制器，因此在模型验证时失败。

这样做而不是下拉列表的原因是加载页面变得繁重，尤其是在数据库中的两个字段上有 50,000 个机场(总共 100,000 个选择项目(时。

字段的 HTML 标记为：

        <input type="text" name="OriginAirportID" id="OriginAirportID" />
        <input type="text" name="DestinationAirportID" id="DestinationAirportID" />

当有人在OriginAirportID字段中输入"LHR"时，将发送以下内容：

        term=LHR

这是响应：

        [{"AirportID":16420,"Name":"London Heathrow Airport"}]

在我的$.ajax中如下：

                $.ajax({
                    url: "/Flight/<MethodName>",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.Name, value: item.Name };
                        }))
                    }
                })

如果这不清楚或令人困惑，请告诉我，我将尝试提供更多信息。

编辑：4/12/14 1844 GMT

到目前为止，感谢您对看起来像js对象的模型以及隐藏字段技术的三个回复。我将修改每个建议，看看它最终是否接受该模型。StuartLC - 我想我认为这很聪明，但刚刚意识到您指出的代码没有机场 ID ！这肯定会使问题更加复杂。

<input type="text" id="OriginAirport" />
<input type="hidden" name="OriginAirportID" />

var vm = {};
vm.originAirportId = $("#OriginAirportID").val();
vm.destinationAirportId = $("#DestinationAirportID").val();

public class TripVM {
     public int OriginAirportId { get; set; }
     public int DestinationAirportId { get; set; }
}