前端以form-data方式/raw方式发送post请求的区别

POST请求


@RequestParam

  • 用来处理(前端)Content-Type: 为 application/x-www-form-urlencoded或者form-data编码的内容
  • 该注解有两个属性: value、required; value用来指定要传入值的id名称,required用来指示参数是否必须绑定;

注意这里Headers里不能以application/json作为Content-type,否则后台也接收不到请求

采用form-data方式,Headers里应该为空.png

前端以form-data方式/raw方式发送post请求的区别_第1张图片

采用form-data方式,Headers里不为空时报错.png

前端以form-data方式/raw方式发送post请求的区别_第2张图片

采用form-data方式发送post请求.png

controller

    @RequestMapping(value = "/del", method = RequestMethod.POST)
    public ResponseObj delete(@RequestParam String enterpriseId,
                                       @RequestParam String operator,
                                       @RequestParam String status) {
        int i = enterpriseBaseMapper.deleteByPrimaryKey(enterpriseId);
        if (i == 1)
            return new ResponseObj(true, RetCode.SUCCESS);
        return new ResponseObj(false, RetCode.FAIL);
    }

@RequestBody

  • 该注解常用来处理Content-Type: 不是application/x-www-form-urlencoded编码的内容,例如application/json, application/xml等;
  • 前端规定的是raw方式,那么就需要使用@RequestBody接收参数,注意这里Headers里需要以application/json作为Content-type

前端以form-data方式/raw方式发送post请求的区别_第3张图片

controller

@RequestMapping(value = "/del", method = RequestMethod.POST)
    public ResponseObj delete(@RequestBody Map map) {
        String enterpriseId = (String) map.get("enterpriseId");
        String operator = (String) map.get("operator");
        String status = (String) map.get("status");
        int i = enterpriseBaseMapper.deleteByPrimaryKey(enterpriseId);
        if (i == 1)
            return new ResponseObj(true, RetCode.SUCCESS);
        return new ResponseObj(false, RetCode.FAIL);
    }

1.form-data

  • 就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。当上传的字段是文件时,会有Content-Type来表名文件类型;content-disposition,用来说明字段的一些信息;
  • 由于有boundary隔离,所以multipart/form-data既可以上传文件,也可以上传键值对,它采用了键值对的方式,所以可以上传多个文件。

前端以form-data方式/raw方式发送post请求的区别_第4张图片

2.x-www-form-urlencoded:

  • 就是application/x-www-from-urlencoded,会将表单内的数据转换为键值对,比如,name=java&age = 23

前端以form-data方式/raw方式发送post请求的区别_第5张图片

前端以form-data方式/raw方式发送post请求的区别_第6张图片

3.raw

  • 以上传任意格式的文本,可以上传text、json、xml、html等
  • content-type= text/html(HTML 文档);text/plain(纯文本);text/css(CSS 样式表);application/json (json字符串)

前端以form-data方式/raw方式发送post请求的区别_第7张图片

4.binary

  • 相当于Content-Type:application/octet-stream,从字面意思得知,只可以上传二进制数据,通常用来上传文件,由于没有键值,所以,一次只能上传一个文件。

前端以form-data方式/raw方式发送post请求的区别_第8张图片


multipart/form-data与x-www-form-urlencoded区别

  • multipart/form-data:既可以上传文件等二进制数据,也可以上传表单键值对,
  • x-www-form-urlencoded:只能上传键值对,并且键值对都是间隔分开的,只是最后会转化为一条信息。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(JAVA知识回顾)