MVC3 jQuery 从 TextBox Blur 更新模型答案

【问题标题】：MVC3 jQuery updating Model from TextBox BlurMVC3 jQuery 从 TextBox Blur 更新模型
【发布时间】：2012-09-18 15:21:26
【问题描述】：

首先，让我说我对 MVC3 很陌生，所以我可能正在做一些不太正确的事情。我已尝试搜索答案，但我想我可能使用了错误的搜索字词。

*问题：-*我有一个表单，允许用户输入 From 值和 To 值。输入 From 值后，我想使用 jQuery 更新模型上的 StartTime 值。然后，我将继续填写 To 和 Quantity 表格，最后单击 OK 并将值发送回控制器。

当 From 文本框失去焦点时，如何更新模型上的 StartTime？

public class DetailsModel
{
    public string From{get;set;}
    public string To {get;set;}
    public int Quantity{get;set;}
    public DateTime StartTime{get;set;}
}

在我看来，有一点 jQuery 如下

<script type="text/javascript">
    $(function () {
        $('#From').blur(function () {
            alert('Work out how to set StartTime On Model here');
        });
    });
</script>

【问题讨论】：

你标记答案怎么样...

标签： jquery asp.net-mvc-3 razor

【解决方案1】：

简短的回答：你不能。一旦页面进入客户端，模型就消失了。它不存在。

更新模型的唯一方法是将值发送回服务器。

您可能想要做的是更改本地客户端上的值，在您最终将更新后的值发布回服务器后，使用隐藏字段来保存它们。然后在本地更新 StartTime 以反映这一点。

您对服务器和客户端的分离存在根本性的误解。该模型仅存在于服务器上，而不存在于客户端上。您想在客户端上进行更改，这很好.. 但您必须在本地跟踪这些更改，然后稍后再提交。

另一种方法是继续向服务器发布更新..但这非常浪费。

【讨论】：

我意识到模型只存在于服务器上，也许我的问题措辞不当。我想我想要得到的是 Blur 事件是否有可能调用服务器以获取时间并将其作为新模型的一部分返回，而无需对整个表单进行 Post。
@lostinwpf - 嗯，这主要是 ajax 的用途。它允许您将数据发布到服务器、接收更新以及修改现有页面而无需刷新整个页面。

【解决方案2】：

是的，首先，您可以使用javascript获取当前时间，无需去服务器。如果您真的想访问服务器，您可以使用 Ajax 并将值存储在隐藏字段中。

$(function () {

    $('#From').blur(function () {

        $.get('getTime', function(data){               
            $('#someHiddenField').val(data);
        });

    });

});

或者你可以非常疯狂并创建一个名为 startTime 的会话变量并在那里设置时间。然后，当您提交表单时，从那里获取值。

【讨论】：

【解决方案3】：

    $('input[name=From]').change(function () {
        $('#StartTime').val(set_your_value_here);
    }

我发现输入更改比模糊更有效。

【讨论】：

如果需要访问服务器，Gho5t 的答案会更好......除非我认为您需要 Ajax .Post 而不是 .Get。