java使用http请求-传参

最新推荐文章于 2025-05-17 14:43:21 发布

皮克托先生快跑

最新推荐文章于 2025-05-17 14:43:21 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： java http javascript

本文链接：https://blog.youkuaiyun.com/qq_45686317/article/details/134417986

本文详细解释了axios库中params和data属性在发送HTTPGET和POST请求时的作用，区分了它们用于处理查询参数和请求体数据的情况，并演示了单参数和多参数的传递方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、params和data

1、params和data是 axios 库中用于发送 HTTP 请求的两个属性。

2、params：

作用： 用于将请求参数附加到 URL 上，通常用于 GET 请求。
示例： 如果你有一个 API 地址为 /business/case/list，并且需要传递查询参数，比如 { page: 1, size: 10 }，你可以使用 params 属性：

import axios from 'axios';

function listCase(query) {
  return axios({
    url: '/business/case/list',
    method: 'get',
    params: query // 例如，{ page: 1, size: 10 }
  });
}

后端接收参数：后端接收参数需要加注释@RequestParam，如

 @GetMapping("/business/case/list")
 public String getTrendsTable(@RequestParam String query){
    return null;
}

2、data：

作用： 用于将请求数据附加到请求体中，通常用于 POST 请求。

示例： 如果你需要向服务器发送数据，例如在创建或更新资源时，你可以使用 data 属性：

import axios from 'axios';

function createCase(caseData) {
  return axios({
    url: '/business/case/create',
    method: 'post',
    data: caseData // 例如，{ name: 'Case Name', description: 'Case Description' }
  });
}

后端接收参数：后端接收参数需要加注释@RequestBody，如

 @PostMapping("/business/case/create")
 public String getTrendsTable(@RequestBody CaseData caseData){
    return null;
}

@RequestBody解析参数时，如果参数本身就是字符串，可能会被额外的引号包裹。可以使用对象接收参数解决。

public class MyRequest {
    private String myString;

    // Getter and Setter
}

==================================================

@PostMapping("/myEndpoint")
public void myEndpoint(@RequestBody MyRequest request) {
    String receivedString = request.getMyString();
    // 处理接收到的字符串
}

3、总结：

params 用于处理请求的查询参数，而 data 用于处理请求体中的数据。这两者的使用取决于你与后端约定的接口规范和请求方式。通常，GET 请求使用 params，而 POST 请求使用 data，但也可以根据具体需求进行调整。

二、传递单参或者多参

1、单参数时

import request from "@/utils/request"

export function 函数名(参数名) {
    return request({
        url: '后端定义的API地址',
        method: '后端定义的请求方式',
        params/data： {参数名: 参数名}
}

import request from "@/utils/request"

export function 函数名(参数名) {
    return request({
        url: '后端定义的API地址',
        method: '后端定义的请求方式',
        params/data： 参数名
}

2、多参时

import request from "@/utils/request"

export function 函数名(参数名) {
    return request({
        url: '后端定义的API地址',
        method: '后端定义的请求方式',
        params/data： {参数名: 参数名, 参数名: 参数名, 参数名: 参数名 ……}
}

import request from "@/utils/request"

export function 函数名(参数对象) {
    return request({
        url: '后端定义的API地址',
        method: '后端定义的请求方式',
        params/data： 参数对象
}