前端get接口传参(查询 修改、分页等)

一般用于单个修改、查询等(后端让接口拼接id:/getApi?id=6)


//test.js(拼接id)
export function getApi(num) {
  return request({
    url: '/XXX/getApi?id=' + num,
    method: 'get',
  })
}

//vue文件
//引入js文件
import { getApi } from "@/api/test";
methods: {
    getData() {
        var num = 6
        const res = await getApi(num);
    }
}
//test.js
export function getApi(params) {
  return request({
    url: '/XXX/getApi',
    method: 'get',
    params
  })
}

//vue文件
//引入js文件
import { getApi } from "@/api/test";
methods: {
    getData() {
        var num = 6;
        const res = await getApi({id: num });
    }
}

以上两个最终都显示:/XXX/getApi?id=6

一般用于获取全部(分页请求接口:/XXX/getApi?pageNum=1&pageSize=10

//test.js
//params(接收obj{ pageNum=1, pageSize=10, })
export function getApi(params) {
  return request({
    url: '/XXX/getApi',
    method: 'get',
    params
  })
}
//vue文件
//引入js文件
import { getApi } from "@/api/test";
methods: {
    getData() {     
        var obj = {
        pageNum: 1,
        pageSize: 10,
        };
        const res = await getApi(obj);

    //也可以直接写里面
    const res = await getApi({
        pageNum: 1,
        pageSize: 10,
      });
    }
}

  • 10
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: RequestParam是Spring MVC框架中用来获取请求参的注解,前端可以通过发送HTTP请求,在请求的URL中携带参,例如: GET /api/user?id=123&name=张三 HTTP/1.1 其中,id和name就是请求参,可以通过@RequestParam注解在后端控制器中获取到。前端可以通过拼接URL的方式将参传递给后端,也可以通过POST请求,在请求体中携带参。例如: POST /api/user HTTP/1.1 Content-Type: application/json { "id": 123, "name": "张三" } 后端控制器可以通过@RequestParam注解获取请求参,例如: @GetMapping("/api/user") public User getUser(@RequestParam("id") Long id, @RequestParam("name") String name) { // 根据id和name查询用户信息 } 其中,@RequestParam注解中的value属性指定了请求参的名称,如果不指定,默认使用方法参的名称作为请求参的名称。 ### 回答2: RequestParam是Spring MVC中接收HTTP请求参的注解之一,它可以用于从请求中获取参并将其绑定到Controller方法的参上。RequestParam注解需要在Controller方法的参前添加,如下所示: ``` @RequestMapping(value = "/users", method = RequestMethod.GET) public String getUsers(@RequestParam("username") String username, @RequestParam("age") int age) { // 使用username和age进行业务操作 return "user_list"; } ``` @RequestParam注解中的value属性用于指定请求参的名称。对于前端传参,有以下几种方式: 1. 通过URL路径传参 可以在请求的URL路径中携带参,如下所示: ``` @GetMapping("/users/{username}") public String getUserByName(@PathVariable("username") String username) { // 使用username进行业务操作 return "user_detail"; } ``` 2. 通过查询传参 可以在请求的URL路径的?后携带参,参以key=value的形式出现,多个参用&连接,如下所示: ``` @GetMapping("/users") public String getUserByUsernameAndAge(@RequestParam("username") String username, @RequestParam("age") int age) { // 使用username和age进行业务操作 return "user_list"; } ``` 则前端通过GET方法,请求的URL为"/users?username=test&age=18" 3. 通过表单提交传参 可以通过表单提交方式传参,如下所示: ``` @PostMapping("/users") public String addUser(@RequestParam("username") String username, @RequestParam("age") int age) { // 使用username和age进行业务操作 return "user_detail"; } ``` 前端可以通过form表单的input标签传参。 以上三种方式都可以使用@RequestParam注解来接收参,但实现的方式不同。用户选择哪种方式取决于具体的业务场景和需求。 ### 回答3: @RequestParam是Spring框架中用于接收前端传来请求参的注解。使用@RequestParam注解可以从请求参中获取参的值。在接收前端传来的参时,需要用@RequestParam注解来声明参,然后将参名赋给@RequestParam中的value值即可。下面是一个示例代码: @RequestMapping(value = "/getUserInfo", method = RequestMethod.GET) public String getUserInfo(@RequestParam(value = "userId", required = true) String userId, Model model) { //根据userId查询对应的用户信息,将查询结果添加到model中 UserInfo userInfo = userService.getUserInfoById(userId); model.addAttribute("userInfo", userInfo); return "userInfo"; } 在上面的示例中,@RequestParam注解中的value值为"userId",将前端传来的参名"userId"与注解中的value值对应,表示从请求参中获取名为"userId"的参值。required属性表示是否必传,必传时如果前端不传递则会抛出异常。如果不设置该属性默认为true,即必传。 前端传递请求参时,需要将参名和参值以键值对的形式放在请求的URL中。例如,上述例子中的请求URL可能是像这样的: http://localhost:8080/getUserInfo?userId=12345 其中"userId"就是我们在@RequestParam注解中设置的参名,而"12345"则是前端传递的参值。 在使用@RequestParam注解的时候,需要注意一下几点: 1. 请求参需要和@RequestParam注解中的value值对应 2. 注解中还有其他属性可以设置,如defaultValue属性可以设置参的默认值 3. 可以使用@RequestParam注解来接收基本据类型、String、组和集合等类型的请求参。 总之,@RequestParam注解是Spring框架中接收前端请求参的重要方式,掌握其使用方法能够有效地提高后端接口开发的效率。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值