后端接口的查询方式

	在与前端对接过程中一直都会遇到一个问题，就是我们后端接口提供好了，自测也通过了，前端却说接口不通，当我们去排查时却发现大都不是接口不通，很多情况是前端使用的姿势不对，比如接口明明写的参数是放到ULR路径上，前端却传到了queryString上，接口明明写的是使用application/x-www-form-urlencoded格式，前端却传了application/json格式，所以本文总结常用的前后端传参数据格式，方便前端与后端开发人员更好的理解HTTP接口协议传参格式。

一、通过HTTP URL传参数

这种方式是最简单，也是最常用的传参方式，通常用于前端从后端获取数据，通过URL传参分为两种，一种是将参数放在URL路径上，另一种是将参数放在QueryString上，也就是URL的?后面

HTTP报文格式GET /user/1?userName=admin&arrays=a,b,c,d&ids=1&ids=2&ids=3&ids=4注意事项：1.路径 /user/1 上的1是通过URL路径传参数，这种RestFul风格的传参方式，有些前端会搞错
2.userName=admin 这种就是简单的QueryString传参,是最常见的，一般不会搞错
3.arrays=a,b,c,d 这种是通过QueryString传数组，其实就是使用,分隔4.ids=1&ids=2&ids=3&ids=4这种也是传数组参数的一种方式，一般用的比较少，容易出错

后端接口代码

我们使用SpringMVC框架编写接口，可以通过@PathVariable和@RequestParam两个注解来接收上面参数，主要有三种方法：
1.第一种是在方法上一个一个的来接收参数；
2.第二种是使用Map<String,Object>接收来参数；
3.第三种是封装个UserDTO对象来接收。

@GetMapping("/user/{
   id}")
    public UserDTO request(@PathVariable Long id, String userName, String[] arrays,@RequestParam List<Long> ids) {
   
        return UserDTO.builder().id(id).build();
    }

    @GetMapping("/user2/{
   id}")
    public Map<String,Object> user2(@PathVariable Long id,@RequestParam Map<String,Object> map)    {
   
        return map;
    }

    @GetMapping("/user3/{
   id}")
    public UserDTO user3(@PathVariable Long id, UserDTO user) {
   
        return user;
    }

    @Data
    public class UserDTO {
   
        private Long id;
        private String userName;
        private String[] arrays;
        private List<Long> ids;
    }

注意事项：
1.接收数组参数时可以使用String[]和List两种数据类型;
2.使用Map<String,Object> map接收参数时 Value的类型要是Object类型,并且要增加@RequestParam
3.使用User对象接收参数时不要增加@RequestParam注解

前端调用接口代码

前端对于这种传参数方式直接把所有参数拼接到URL上就好了

var request = new XMLHttpRequest();
        request.open('GET', 'http://localhost/user/1?userName=admin&arrays=a,b,c,d&ids=1&ids=2&ids=3&ids=4', true);
        request.responseType = 'json'