网络常识

    Axios传值的几种方式

    小王努力吖2023年11月22日
    收录于话题
    #java49
    axios基本使用

    默认是get请求

    注意：get请求无请求体，可以有body,但是不建议带

    使用get方式进行无参请求

    @GetMapping("/get/getAll") public ResResult getAllUser(){ List list = userService.list(); return ResResult.okResult(list); }

     使用get方式请求，参数值直接放在路径中

     

    后端接口 @GetMapping("/get/{id}") public ResResult getUserById(@PathVariable("id") Long id){ User user = userService.getById(id); return ResResult.okResult(user); }

     使用get方式请求，参数拼接在路径中：方式① 

    后端接口 @GetMapping("/get") public ResResult getUserByIds(@RequestParam("id") Long id){ User user = userService.getById(id); return ResResult.okResult(user); }

     使用get方式请求，参数拼接在路径中：方式②

    后端接口 @GetMapping("/get") public ResResult getUserByIds(@RequestParam("id") Long id){ User user = userService.getById(id); return ResResult.okResult(user); }

    使用get方式请求，拼接多个参数在路径中：方式③ 

    后端接口 @GetMapping("/get") public ResResult getUserByIds(@RequestParam("id") Long id,@RequestParam("username") String username){ LambdaQueryWrapper wrapper = new LambdaQueryWrapper<>(); wrapper.eq(User::getUsername,username); wrapper.eq(User::getId,id); User user = userService.getOne(wrapper); return ResResult.okResult(user); }

     post请求接收json格式数据

    后端接口 @PostMapping("/post/test") public ResResult getUserByIdPostTest(@RequestBody User user){ LambdaQueryWrapper wrapper = new LambdaQueryWrapper<>(); wrapper.eq(User::getUsername,user.getUsername()); User users = userService.getOne(wrapper); return ResResult.okResult(users); }

    3、请求简写方式&请求失败处理 

    get无参请求

    get有参请求,post方式不可以这样请求

     post有参请求，以json格式请求

    也可以一下方式，但是后端要加@RequestBody注解

    axios并发请求

    后端接口 @GetMapping("/get/getAll") public ResResult getAllUser(){ List list = userService.list(); return ResResult.okResult(list); } @GetMapping("/get/get") public ResResult getUserByIdt(@RequestParam("id") Long id){ User user = userService.getById(id); return ResResult.okResult(user); }

     方式2：使用spread方法处理返回的数组

    axios全局配置

    axios实例 

    Axios各种参数携带方式详解 - 知乎 (zhihu.com)

    相关信息

    你可能还喜欢

    热门推荐信息

    UG NX机械设计软件常见安装问题

    By逃逸的卡路里

    UG软件版本这里咱们就不提了，大部分伙伴应该都是钩子激活软件，肯定会遇到或多或少的安装问题，今天这里给大家总结了下，需要的小伙伴自取。 有其他问题可以一起讨论，也希望看到的小伙伴多关注支持哦。 安装U ...

    国际虚拟信用卡怎么申请

    ByFanly

    WildCard提供了一款受欢迎的国际虚拟信用卡（wildcard），适用于跨境支付和购买外部服务。相较于传统信用卡，它更为灵活且 ...

    境外虚拟信用卡怎么办理

    ByFanly

    WildCard虚拟信用卡（wildcard）为跨境电商和海外购物提供了安全、便捷的支付解决方案。无需实体银行卡，用户可以轻松完成 ...

    可逆矩阵的性质

    By听海边涛声

    如果矩阵A可逆，那么它的逆矩阵也可逆，并且如果矩阵A可逆，假设是一个不为0的数，那么也可逆，并且如果矩阵A和都可逆，而且它们的阶数也相同，那么它们的乘积也是可逆的，并且如果矩阵A可逆，那么它的行列式的 ...