Vue+SpringBoot 前后台JSON 交互（亲测踩坑）

话不多说，直接上代码，前端VUE的请求方法

这样写在浏览器看到的参数可能有点奇怪

不要慌，服务端仍然可以接收

 

 

Springboot端代码有两种接收方式

1、通过@RequestBody 接收json

    @RequestMapping(value = "/modifyInfo1", method = RequestMethod.POST)
    public String get(@RequestBody Map map) {
        String param1 = (String) map.get("param1");
        String param2 = (String) map.get("param2");
        System.out.println(param1+"----"+param2);
        return param1 + ";" + param2;
    }
    

2、通过Request获取

@ResponseBody
@RequestMapping(value = "/request/data", method = RequestMethod.POST, produces = "application/json;charset=UTF-8")
public String getByRequest(HttpServletRequest request) {

    //JSONObject
    JSONObject jsonParam = this.getJSONParam(request);

    return jsonParam.toJSONString();
}

public JSONObject getJSONParam(HttpServletRequest request){
    JSONObject jsonParam = null;
    try {
        // 获取输入流
        BufferedReader streamReader = new BufferedReader(new InputStreamReader(request.getInputStream(), "UTF-8"));

        // 数据写入Stringbuilder
        StringBuilder sb = new StringBuilder();
        String line = null;
        while ((line = streamReader.readLine()) != null) {
            sb.append(line);
        }
        jsonParam = JSONObject.parseObject(sb.toString());
        System.out.println(jsonParam.toJSONString());
    } catch (Exception e) {
        e.printStackTrace();
    }
    return jsonParam;
}