普通方式

后端

/**
* 编辑
* @param entity 实体
* @return 结果
*/
@RequestMapping("/edit")
@ResponseBody
public BaseResp edit(final Role entity) {
    roleService.updateById(entity);
    return RespUtil.success();
}

前端

/**
 * 保存编辑表单
 * @param editForm 编辑表单
 */
saveEditForm(editForm) {
  var entity = {
      id: this.editForm.id,
      roleId: this.editForm.roleId,
      roleName: this.editForm.roleName,
      remark: this.editForm.remark,
      operatorId: this.editForm.operatorId,
      createTime: this.editForm.createTime,
      updateTime: this.editForm.updateTime,
  };
  // 此处使用 qs 序列化，后端不需要使用 @RequestBody 注解。
  var data = Qs.stringify(entity);
  var _this = this;
  axios.post('/role/edit', data).then(function (response) {
      if(response.data.respCode === '0000') {
          ELEMENT.Message.success("请求成功");
          _this.doQuery();
          _this.closeDialogEditVisible();
      } else {
          ELEMENT.Message.error(response.data.respMessage);
      }
  }).catch(function (error) {
      ELEMENT.Message.error("请求失败");
      console.log(error);
  });
}

Qs.stringify(entity); 这一句话是核心。

@RequestBody 方式

后端

/**
* 添加元素
* @param entity 实体
* @return 结果
*/
@RequestMapping("/add")
@ResponseBody
public BaseResp add(@RequestBody final Role entity) {
    roleService.insert(entity);
    return RespUtil.success();
}

如果后端指定了注解，前端就需要指定序列化。

前端

/**
 * 保存新增数据
 * @param aaa 表单信息
 */
saveAddForm(aaa) {
    var _this = this;
    var entity = {
        id: this.addForm.id,
        roleId: this.addForm.roleId,
        roleName: this.addForm.roleName,
        remark: this.addForm.remark,
        operatorId: this.addForm.operatorId,
        createTime: this.addForm.createTime,
        updateTime: this.addForm.updateTime,
    }
    axios.post('/role/add', entity).then(function (response) {
        if(response.data.respCode === '0000') {
            ELEMENT.Message.success("请求成功");
            _this.closeDialogAddVisible();
            _this.doQuery();
        } else {
            ELEMENT.Message.error(response.data.respMessage);
        }
    }).catch(function (error) {
        ELEMENT.Message.error("请求失败");
        console.log(error);
    });
},

参考资料