前端表单提交无反应, 对应方法传参失效

问题描述:

用element-ui点击表单保存无反应,
用二分法先进行页面的对应js方法输出成功
但是js方法调用api接口失败,

1. 先检查api调用后端路径url与参数是否正确
2. 若无误再进入后端进行对应方法的输出(本人用swagger进行测试)
3. 最终发现后端调用方法错误,原因如下

bug原因:

对应方法传参失效,参数的封装出现问题哈哈哈就是自己打代码的一个小疏忽
真让人哭笑不得

应将 Teacher teacher改为 @RequestBody Teacher teacher

 @PostMapping("updateTeacher")//@RequestBody
    public Result<Teacher> updateTeacher( @RequestBody Teacher teacher){
        boolean isSucess = teacherService.updateById(teacher);
        System.out.println("成功执行修改方法");
        return isSucess==true?Result.success(teacher):Result.fail(null);
    }

在这里给出@RequestBody 的详细说明

 @RequestBody 是作用在形参列表上， 用于将前台发送过来
 固定格式的数据【xml 格式或者 json 等】
 封装为对应的 JavaBean 对象，封装时使用到的一个对象
 是系统默认配置的 HttpMessageConverter 进行解析，然后封装到形参上。