axios.get请求传参方式

左手的ㄟ右手 2024-03-02 10:51 72阅读 0赞

GET 请求中的数据通常通过查询参数（query parameters）传递，而不是在请求体中传递

## 将数据作为查询参数附加到 URL 上 ##

axios.get('/api/endpoint?key1=value1&key2=value2');

HttpServletRequest 对象提供了 getParameter() 方法，通过传递查询参数的名称，你可以获取相应的值。

@GetMapping("/api/endpoint")
    public void handleRequest(HttpServletRequest request) {
        // 从查询参数中获取数据
        String key1 = request.getParameter("key1");
        String key2 = request.getParameter("key2");
        // 处理数据
        // ...
    }

## 使用 Axios 的 params 字段将数据作为对象传递 ##

axios.get('/api/endpoint', {
      params: {
        key1: value1,
        key2: value2,
      }
    });

@GetMapping("/api/endpoint")
    public void handleRequest(@RequestParam("key1") String key1, @RequestParam("key2") String key2) {
      // 处理数据
      // ...
    }

注：

GET 请求通常将数据作为查询参数附加到 URL 上，而 POST 请求通常将数据放在请求体中。因此，在发送 GET 请求时，你可以将数据作为查询参数传递，不需要使用 data 字段。而在发送 POST 请求时，你通常需要将数据放在请求体中，使用 data 字段传递。

如果你需要设置请求的配置参数，例如请求头、超时时间、身份验证等，你可以使用 config 对象来传递这些配置。config 对象提供了更多的灵活性，可以满足各种请求的需求。

相对于在 URL 中传递数据，将数据放在请求体中可以提供一定程度的隐私和安全性。

当你将数据作为查询参数附加到 URL 上时，这些数据将会以明文形式出现在 URL 中。

发表评论取消回复

表情：

评论列表（有 0 条评论，72人围观）

还没有评论，来说两句吧...

相关阅读

相关 Swagger指定传参方式

@ApilmplicitParam配置一个参数 paramType="query" 加在后面就行了。这个属性是指定参数放的位置的。 paramType：参数放在哪个地方

我会带着你远行/ 2024年03月29日 16:07/ 0 赞/ 88 阅读

相关 FastAPI(四)请求传参

目录一、路径传参二、查询传参三、请求体传参 -------------------- 一、路径传参 @router.get("/get_list/

矫情吗；*/ 2024年03月27日 16:30/ 0 赞/ 80 阅读

相关 axios.get请求传参方式

GET 请求中的数据通常通过查询参数（query parameters）传递，而不是在请求体中传递将数据作为查询参数附加到 URL 上 axios.get('

左手的ㄟ右手/ 2024年03月02日 10:51/ 0 赞/ 73 阅读

相关 RestTemplate get请求，header设置及传参方式

> RestTemplate get请求，header设置及传参方式文章目录前言一、RestTemplate -------------------- --

╰半橙微兮°/ 2023年10月04日 19:07/ 0 赞/ 69 阅读

相关函数的传参方式

文章目录函数的传参总结 -------------------- > 注：我的笔记风格，可能不会特别官方，不会晦涩难懂，而是以一个初学者能

迈不过友情╰/ 2023年09月29日 15:57/ 0 赞/ 16 阅读

相关 axios常见传参方式

[https://www.cnblogs.com/zhaojunhao/p/9622004.html][https_www.cnblogs.com_zhaojunhao_p_

冷不防/ 2023年06月30日 09:07/ 0 赞/ 28 阅读

相关 axios的传参方式

[https://www.cnblogs.com/liangweiping/p/11533162.html][https_www.cnblogs.com_liangweipin

柔光的暖阳◎/ 2023年06月30日 09:06/ 0 赞/ 21 阅读

相关 mybatis传参方式

mybatis一直都在使用注解方式，今天有个业务逻辑使用5个参数经行模糊查询，决定在XML中使用动态sql。 ![SouthEast][] 但是在测试的过程中控制台报

小鱼儿/ 2022年09月29日 04:27/ 0 赞/ 284 阅读

相关 angularjs页面传参方式

1. 基于ui-router的页面跳转传参 (1) 在AngularJS的app.js中用ui-router定义路由，比如现在有两个页面，一个页面（producers.ht

ゝ一世哀愁。/ 2022年09月26日 02:44/ 0 赞/ 274 阅读

相关 C++引用方式传参，传值方式传参（*、&）

C++引用方式传参，传值方式传参（\、&）和数组作为参数传递 1、引用方式传参 2、传值方式传参

「爱情、让人受尽委屈。」/ 2022年02月22日 15:04/ 0 赞/ 480 阅读