1.vue向后端传json字符串，后端用String类型接收

前端请求示例：

getTbjnTableData() {
      var me = this
      me.$axios({
        url: '/zs/zhgl/getTbjnTableData',
        method: 'post',
        data: qs.stringify({ zhId: me.zhId, pcId: me.pcId })
      }).then(ref => {
        if (ref.result) {
          me.tbjnTableData = ref.data.data
        } else {
          me.$message.error(ref.msg)
        }
      })
    },

后端接收示例：

@PostMapping("getTbjnTableData")
@ResponseBody
@LogWrite(moduleName = "获取特别技能表格信息", description = "获取特别技能表格信息", clientType = "PC", op = LogWrite.OP.QUERY)
	public JSONObject getTbjnTableData(String zhId, String pcId)
	{
		try
		{
			JSONObject obj = new JSONObject();
			Map<String, Object> param = new HashMap<String, Object>();
			param.put("zhId", zhId);
			param.put("pcId", pcId);
			.........
			return OutPutJson.success("获取特别技能表格信息成功", obj)
		} catch (Exception e)
		{
			logger.error(e.getMessage(), e);
			return OutPutJson.failure("获取特别技能表格信息失败");
		}
	}

2.VUE向后端传对象。

前端请求示例：

// 提交注册账号表单
    handleSubmitZh() {
      var me = this
      var param = {
        d_id_: me.zhId,
        zjlxdm: me.zhForm.zjlxdm,
        zjhm: me.zhForm.zjhm,
        sjh: me.zhForm.sjh,
        xm: me.zhForm.xm,
        xbdm: me.zhForm.xbdm,
        mmMw: me.zhForm.mmMw
      }
      me.$refs['zhForm'].validate((valid) => {
        if (valid) {
          me.zhFormLoading = true
          me.$axios({
            url: '/zs/zhgl/handleSubmitZh',
            method: 'post',
            data: param
          }).then(ref => {
            if (ref.result) {
              me.$message({
                message: me.$t('zsgl_zhgl.xxbccg'),
                type: 'success'
              })
            } else {
              me.$message.error(ref.msg)
            }
          })
        } else {
          this.$message.error(me.$t('zsgl_zhgl.bgsjtibwz'))
          return false
        }
      })
    }

后端接收示例：

@PostMapping("handleSubmitZh")
@ResponseBody
@LogWrite(moduleName = "保存招生账号", description = "保存招生账号", clientType = "PC", op = LogWrite.OP.ADD)
public JSONObject handleSubmitZh(@RequestBody ZszhBean zszhBean)
	{
		try
		{
			.............
			return OutPutJson.success("保存招生账号成功");
		} catch (Exception e)
		{
			logger.error(e.getMessage(), e);
			return OutPutJson.failure("保存招生账号失败");
		}
	}

3.VUE向后端传json字符串加数组

前端请求示例：

saveTsjn() {
      var me = this
      var tsjnResIds= [1,2,3,4,5]
      var param = {
        dId: me.tbjnId,
        zhId: me.zhId,
        pcId: me.pcId,
        xmdm: me.tbjnForm.XMDM,
        slcd: me.tbjnForm.SLCD,
        tsjnResIds: tsjnResIds
      }
      var paramer
      if (me.tsjnResIds.length !== 0) {
        paramer = qs.stringify(param, { arrayFormat: 'brackets' })
      } else {
        paramer = qs.stringify(param)
      }
      me.$refs['tbjnForm'].validate((valid) => {
        if (valid) {
          me.$axios({
            url: '/zs/zhgl/saveTsjn',
            method: 'post',
            data: paramer
          }).then(ref => {
            if (ref.result) {
              me.$message({
                message: me.$t('zsgl_zhgl.xxbccg'),
                type: 'success'
              })
            } else {
              me.$message.error(ref.msg)
            }
          })
        } else {
          me.$message.error(me.$t('zsgl_zhgl.bgsjtibwz'))
          return false
        }
      })
    }

后端接收示例：

@PostMapping("saveTsjn")
@ResponseBody
@LogWrite(moduleName = "保存特殊技能", description = "保存特殊技能", clientType = "PC", op = LogWrite.OP.ADD)
public JSONObject saveTsjn(String dId, String zhId, String pcId, String xmdm, String slcd, @RequestParam(value = "tsjnResIds[]", required = false) String[] tsjnResIds)
	{
		try
		{
			if (StringUtils.isBlank(zhId))
			{
				return OutPutJson.failure("数据丢失，请刷新重试");
			}
			if (StringUtils.isBlank(pcId))
			{
				List<Map<String, Object>> pcList = zszhService.findQuery(" SELECT P.D_ID_ FROM T_ZS_PC P WHERE (P.D_FLAG_<>'D' OR P.D_FLAG_ IS NULL)  AND P.ZT='1' AND TO_CHAR(SYSDATE,'YYYY-MM-DD') BETWEEN TO_CHAR(P.BMKSSJ,'YYYY-MM-DD') AND TO_CHAR(P.BMJSSJ,'YYYY-MM-DD') ");
				if (pcList != null && CollectionUtils.isNotEmpty(pcList))
				{
					pcId = (String) pcList.get(0).get("D_ID_");
				}
				if (StringUtils.isBlank(pcId))
				{
					return OutPutJson.failure("批次不存在");
				}
			}
			Map<String, Object> param = new HashMap<String, Object>();
			param.put("zhId", zhId);
			param.put("xmdm", xmdm);
			param.put("slcd", slcd);
			param.put("pcId", pcId);
			if (StringUtils.isNotBlank(dId))
			{
				param.put("dId", dId);
				param.put("d_flag_", "C");
				jdbcTemplate.update(" UPDATE T_ZS_XSJN SET ZHID = :zhId, XMDM = :xmdm, SLCD = :slcd, PCID = :pcId, D_FLAG_ = :d_flag_ WHERE D_ID_ = :dId ", param);

			} else
			{
				dId = generator.nextVal().toString();
				param.put("dId", dId);
				param.put("d_flag_", "C");
				jdbcTemplate.update(" INSERT INTO T_ZS_XSJN ( D_ID_,ZHID,XMDM,SLCD,PCID,D_FLAG_ ) VALUES (:dId,:zhId,:xmdm,:slcd,:pcId,:d_flag_) ", param);
			}

			// 业务id关联资源id
			if (tsjnResIds != null && tsjnResIds.length != 0)
			{
				String jjBusinessId = MD5Util.stringMD5("{MD5}" + dId + "3");
				fileService.relationResourceBiz(Arrays.asList(tsjnResIds), jjBusinessId);
			}
			return OutPutJson.success("保存特殊技能成功");
		} catch (Exception e)
		{
			logger.error(e.getMessage(), e);
			return OutPutJson.failure("保存特殊技能失败");
		}
	}