Axios发送请求时params和data的区别

Axios发送请求时params和data的区别

简单来说：

params 的方式。会将参数加到 url后面。所以，传递的都是字符串。无法传递参数中含有json格式的数据（我某个参数的数据是json格式）。

data 的方式，是添加到请求体（body）中。然后如果你的数据有 json 格式。也是可以的。

格式：我这是json格式的数据，但是params的方式会把json格式转为string进行传值

let params = {
        todoItemStartTime: this.queryParams.todoItemStartTime,
        todoItemEndTime: this.queryParams.todoItemEndTime,
        handleStartTime: this.queryParams.handleStartTime,
        handleEndTime: this.queryParams.handleEndTime
      };

     //判空
      if (JSON.stringify(params) != JSON.stringify({}))
        this.queryParams.postParams = params;

因为params是添加到url的请求字符串中的，主要用于get请求。我这里根据特殊需求。用在post上

而data是添加到请求体（body）中的， 用于post请求。

我的后端写法是这样的：

BizTodoItem 中接收了一个

/**
     * 请求参数(Get)
     */
    private Map<String, Object> getParams;
    
/**
 * 请求参数(Post)
 */
private Map<String, Object> postParams;

这两种。

public void setGetParams(String getParams) {
        this.getParams = JSON.parseObject((String) getParams, Map.class);
    }

public void setPostParams(LinkedHashMap<String, Object> postParams) {
        this.postParams = postParams;
    }

这里，我需要使用 postParams；需要获得json格式。所以需要使用 data进行传值；

然后因为特殊需要。前端统一接收分页参数的工具类使用的getParameter的方式。进行接收分页数据。所以。我使用params进行传递 分页的数据。（我写懒了，上面也是为了展示params和data方式的区别。params里面应该只写分页数据的）

然后在startPage（）中接收 分页数据；使用了getRequest().getParameter(name)，的方式进行获取数据。getParameter 所以需要使用 params的传值方式。

正则表达式通配符

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vbbFt5lQ-1639623126791)(C:\Users\18707\AppData\Roaming\Typora\typora-user-images\image-20211027112014110.png)]