解决修改无法传送参数的方法

开发工具与关键技术:VS, ASP.NET MVC
作者:谭威
撰写时间:2019年4月15日
这里我得先说明ajaxSubmit是来自于bootstrap4文档中的一个方法,其引用插件为bootstrap-4.1.3-dist/js/bootstrap.bundle.js,当我在修改时使用这个方法时,修改到是修改成功了,但是刷新表格时,我修改的那条数据在表格中却不显示了,然后我到数据库中发现这条修改后的数据一个外键ID为null,另外一个外键为0;接下来就让我带大家找下问题到底在哪里出错了,首先我们修改一条数据,让我们获取到传送到Visual Studio 2015的控制器的参数是否正确:
解决修改无法传送参数的方法在上图这个方法里面,我已经实例化了PW_Employee这张表了,我将鼠标放在实例化的名字(pwEmployee)上时,它就会显示出右边一系列的字段,我们可以看到这些字段基本都接收的数值,除了DepartmentID为null、PositionID为0、Remark为null;在这里我得说一下Remark(备注)这个字段我设置为可以为null,然后测试修改时,只需要很简单的删掉备注就行了又或者是在备注这个字段给了加油;在上图中,我们可以明显看到当参数传送过来时,有两个字段就出现了错误,所以我们很清楚的知道不是Visual Studio 2015的控制器这边方法的错误,接下来,我们得到Visual Studio 2015的视图下看看到底有没有获取到DepartmentID和PositionID的值:
解决修改无法传送参数的方法
上图是我在浏览器的控制台断了Visual Studio 2015的视图的点,在上面,我们可以很明显得看到我们已经获取到所有的字段,就连DepartmentID和PositionID我们也是可以看到他们是有值的,就连接下来的判断我们也是能看到DepartmentID和PositionID的数值依然清楚存在上面:
解决修改无法传送参数的方法
在上面的描述中,我们知道了我们前面获取到字段没有问题,但Visual Studio 2015的控制器中的方法却没有得到正确的值,那么,只有一个地方出现错误了,那就是传送参数时出现了偏差,后面我才知道ajaxSubmit方法传送参数时,靠的是name这个字段,所以,第二幅中的
var DepartmentID = $("#formUpdateEmployee [name=‘DeoartmentName’]").val();//部门
var PositionID = $("#formUpdateEmployee [name=‘PositionName’]").val();//职位
这两句的名字都改,而且要改成这样:
var DepartmentID = $("#formUpdateEmployee[name=‘DepartmentID’]").val();//部门
var PositionID = $("#formUpdateEmployee [name=‘PositionID’]").val();//职位
还有html中描述这两个框的name也得跟上面两句的名字一样,这样才能保证传送参数不会出现错误。