新增修改共用一个模态框 ----------------两方法思路

对于一个好的程序员来说，对代码格式肯定有严格要求，一样的功能，可以用简单思路清晰的代码实现就用这个方法实现。例如，项目模态框的使用，新增和修改可以共用同一个模态框。可以为您分享俩种思路。

思路一：prop改变路径，如：//设置表单的action，$("#formEmployee").prop(“action”,
“/Main/InsertEmployee”);

过程：新增和修改按钮肯定不一样，保存是一样的，俩者共用一个保存方法，所以要给保存设置id，并使用点击事件

写好共用的模态框，弹出模态框，prop获取在匹配的元素集中的第一个元素的属性值。

无论是新增还是修改都需要重置表单，以免用户点击时上次使用的数据残留，因为新增跟修改的模态框标题不一样，用text属性更改文本标题，然后就是设置表单的指定路径，这是区分模态框的关键。比新增多一部修改还得数据回填，然后弹出模态框即可。

保存按钮

给新增按钮添加一个id，修改需要传入参数，修改时要查询所选中的数据的id，所以通过id查询数据

思路二：根据特殊性，修改和新增异同之处，修改需要一个参数id，新增不需要，以此作为判断条件，如果点击弹出的模态框没有id，则执行新增代码，若是有id则是修改，执行修改代码。

首先一样写好共用的模态框，因为是不同按钮，所以打开修改模态框，需要分开写打开方法：

loadDatatoForm（）回填表单数据的方法。如图可见，修改需要传参数ID，而新增并不需要。
保存的方法：

使用if判断语句，通过是否获取员工id来得出是新增还是修改的模态框。无员工id为新增，跳转到新增控制器路径执行代码，若有员工id且有值，弹出修改模态框，url为修改的路径。说到这，大家也许可以区分这俩中方式，其实俩中思路“个有千秋”，敲代码就像解数学题一般，不一定只有一种方法能得出这个结果，一道题往往会有无数种写法，熟练的人更能巧妙运用罢拉。

                                                                  --- 代码来自项目