数据回填

---

开发工具与关键技术：vs2015 MVC数据修改之数据回填
作者：懒惰的睿智
撰写时间：5.7

用户修改操作
1、 点击页面修改按钮，修改信息模态框的弹出，2、数据回填，用户信息修改，2.1、页面数据验证，将修改后的参数传递到控制器，控制器处理完后将数据返回给页面，提示用户修改状态。（刷新表格），
页面数据请求
通过porp设置返回被选元素的属性

$("#formEmployee").prop("action", "UpdateEmployee")//prop() 方法设置或返回被选元素的属性和值  

通过post发送请求，请求的参数{employeeID employeeID }，后面的是方法。

$.post("bytby", { employeeID: employeeID }, function (xiugai) {//数据回填 post异步请求

当控制器查询完毕后，我们需要把数据返回去（请看控制器处理），页面通过post请求数据。那我们就把查询到的数据返回给页面。 注意页面传递的id需要一致

控制器处理
1.1、信息查询
页面信息数据回填，自定义一个方法，方法命名（我是随意起的，各位需要注意命名规范）命名后的传递参数（employeeID）需要注意的是传递参数要与页面相一致，涉及查询，捕捉异常，使用try —catch—捕捉异常（发生错误可以快速找到），因为需要回填数据，而回填数据，需要员工的信息，那我们就需要通过员工id来查询员工的信息。将查询出员工的信息员工信息放到一个employee的表中，后续会用到相关的数据
！！！return Json(null,JsonRequestBehavior.AllowGet);这里返回的null.是因为如果不返回数据的话控制器会报错。那就返回一个空值，强迫症。

页面数据回填
在查询完需要回填的数据后（上面已经将员工信息查询出来）
那我们就需要手动的把控制器查询到的员工信息，（部门，名字，电话，住址等信息填写到页面）这里给大家介绍一个小技巧，
小技巧
那就是利用控制台输出—console.log() 把我们需要的数据打印到控制台输出。然后我们跟据控制台的输出的数据进行数据的手动填写，把所需要的数据一个个的填回去（页面显示框）为什么要这样。因为这样的可以最大限度的避免程序编写中出现的错误。
为什么说是手动填写数据呢，对的没错，页面的数据，是我们手动的一个个的填写回去的，虽然用户体验上是自动填写的数据。（在数据回填的时候使用了 var。其实是不需要的）也就是说即便，不使用var也不会报错。数据回填中除了这个回填方法还有利用js进行回填的。

将数据打印到控制台后，不能马上把数据回填回去，我们还需要对她进行判断。
如果xiugai的数据不为空，那我们就把数据回填回去。否则就返回输出零。修改模态框的弹出（其实模态框的弹出的方法可以提前放置的）。

总结：
数据回填用户在点击，打开修改模态框，我们需要在修改模态框里将数据回填到页面表格里。
对于数据回填，由于我们新增的时候把数据存储到数据库中去了，而回填所需要的数据也只能通过以员工id为条件向数据库查询出来，通过prop设置返回元素的属性，post请求控制器数据。把获取到的数据，手动的进行填写到页面员工信息。