MVC中，提交后界面Model值未能更新的原因及优化。

假设有如下代码：

View/Time/index.cshtml

1. @model  MvcApplication1.Models.timeModel 
2. <h2>Time</h2> 
3. @using (Html.BeginForm("Index", "Time")) 
4. {   
5.    <B>Get Current time:</B> @Html.TextBoxFor(m => m.currenttime)<br /> 
6.    <B>Current time:</B> @Model.currenttime<br /> 
7.    <p>   
8.    <input type="submit" value="search" />   
9.    </p>   
10. } 

TimeController.cs

        

1. public ActionResult Index() 
2.         { 
3.             MvcApplication1.Models.timeModel model = new Models.timeModel(); 
4.             model.currenttime = DateTime.Now.TimeOfDay; 
5.             return View(model); 
6.         } 
7.  
8.         [HttpPost] 
9.         public ActionResult Index(MvcApplication1.Models.timeModel model) 
10.         { 
11.             model.currenttime = DateTime.Now.TimeOfDay; 
12.             return View(model); 
13.         } 

结果如下：

点击submit之后

点击后发现，textboxfor中的值并没有改变，但是model的值其实已经改变了。

这是因为controller的ModelState属性，是dictionary类型，它包含了所有的要提交的值和验证的错误信息。在返回View的时候，文本框之类的值由ModelState所持有，因此没有得到更新，无法在界面上显示。最简单的做法就是使用ModelState.Clear()，或者ModelState.Remove("currenttime"); 之类的方法。但是也存在一些风险，比如把验证的错误信息也清除了。

先看一下效果。

1. public ActionResult Index() 
2. { 
3.     MvcApplication1.Models.timeModel model = new Models.timeModel(); 
4.     model.currenttime = DateTime.Now.TimeOfDay; 
5.     return View(model); 
6. } 
7.  
8. //每次post重新赋值时间给model 
9. [HttpPost] 
10. public ActionResult Index(MvcApplication1.Models.timeModel model) 
11. { 
12.     ModelState.Remove("currenttime"); 
13.     model.currenttime = DateTime.Now.TimeOfDay; 
14.     return View(model); 
15. } 

但是这种方法并不安全，因为如果是clear方法可能会清空ModelState中验证信息。而且刷新页面的时候，也会有重复提交的风险。

改成如下方式，把post方式转换成get方式，这样就避免了刷新时候会弹出重复提交的按钮。用TempData或者Session作为临时保存数据。

 

1. public ActionResult Index() 
2.        { 
3.            Models.timeModel model = new Models.timeModel(); 
4.            if (TempData["timeModel"] != null) 
5.            { 
6.                model = TempData["timeModel"] as Models.timeModel; 
7.            } 
8.            else 
9.            { 
10.                model.currenttime = DateTime.Now.TimeOfDay; 
11.            } 
12.            return View(model); 
13.        } 
14.  
15.  
16.        //把post方式转换成get方式 
17.        [HttpPost] 
18.        public ActionResult Index(MvcApplication1.Models.timeModel model) 
19.        { 
20.            model.currenttime = DateTime.Now.TimeOfDay; 
21.            TempData["timeModel"] = model; 
22.            return RedirectToAction("Index"); 
23.        }