axios.get请求传参方式

左手的ㄟ右手 2024-03-02 10:51 52阅读 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 条评论，52人围观）

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

相关阅读

相关 axios.get请求传参方式

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

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

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

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

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

相关 C/C++编程：函数参数传递方式 --- 值传参、地址传参、引用传参

三种参数传递方式 C++有函数参数有三种方式：值传递、地址传递、引用传递。默认情况下，参数通过值传递给函数，这意味着函数会收到所传递对象的副本。对于大型

旧城等待，/ 2022年12月25日 04:51/ 0 赞/ 276 阅读

相关 mybatis传参方式

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

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

相关 angularjs页面传参方式

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

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

相关解决Http PUT请求方式无法表单传参问题

-------------------- 问题描述 SpringMVC中，Controller层设置该接口为PUT请求方式。但是请求的时候，只能是url地址拼接参数，不

太过爱你忘了你带给我的痛/ 2022年06月08日 04:19/ 0 赞/ 455 阅读

相关 angular2.x传参方式

记录angular2.x的几种传参方式 1.普通方式传递数据再点击的按钮中直接注入\[`queryParams`\]="\{key：value\}" ![70][]

约定不等于承诺〃/ 2022年05月29日 11:07/ 0 赞/ 217 阅读

相关 SpringMVC的多种传参方式

SpringMVC参数传递和Request域传值第一种传参方式：Servlet api方式第一种request域传值方式：Servlet api 方式

快来打我*/ 2022年04月23日 16:40/ 0 赞/ 303 阅读

相关 URLConnection POST方式传参总结

HTTP Post方法用于向服务器提交数据，写法比Get方法稍微复杂那么一点，这里总结一下Post方式传参的几种方法 1、一个或者多个参数，以form形式提交，提交形式如“

灰太狼/ 2022年03月10日 03:48/ 0 赞/ 683 阅读

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

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

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