Form表单数据回填

首先要写一个模态框，弹出模态框，打开之前 把表单重置，代码如下，根据表单的id进行重置

$("#formAcademe")[0].reset();

重置之后表单然后我们通过post请求，传参数到控制器，然后获取页面传过来的参数，
try catch捕捉异常， 利用linq查询，判断AcademeID 是否相等，查询出单条数据
，然后以json对象方式返回到页面，如果有异常则以返回null到页面
在控制器查询出要进行回填的数据，通过下面的例子了解form表单数据回填：

  public ActionResult SelectAcademeById(int AcademeID)
        {
            try
            {
                S_Academe academe = (from tbAcademe in myModels.S_Academe
                                     where tbAcademe.AcademeID == AcademeID
                                     select tbAcademe).Single();
                return Json(academe, JsonRequestBehavior.AllowGet);
            }
            catch (Exception)
            {
                return Json(null, JsonRequestBehavior.AllowGet);
            }
        }

回到页面，输出一下控制器传过来的数据：

可以看出数据已经成功返回到页面，接下来就要就行回填了，，获取在HTML设置的form表单输入框的ID然后通过val值进行json对象对应的数据进行回填，回填代码如下：

                $("#AcademeID").val(data.AcademeID);
                $("#AcademeName").val(data.AcademeName);
                $("#AcademeCode").val(data.AcademeCode);

回填之后，打开模态框：这时数据已经成功回填

回填成功后弹出模态框，方法的点击事件直接在按钮上面加的，页面完整代码如下：

function Open(AcademeID) {
            //重置表单
        $("#formAcademe")[0].reset();
            //回填表单
        $.post("/Main/SelectAcademeById", { AcademeID: AcademeID }, function (data) {
                console.log(data);
                $("#AcademeID").val(data.AcademeID);
                $("#AcademeName").val(data.AcademeName);
                $("#AcademeCode").val(data.AcademeCode);
            }, 'json');
            $("#modalAcademe").modal('show');
        }

就这样form表单数据回填就完成了！