vue 发送请求，java通过RequestParam获取数据的例子

假设前端使用Vue发送POST请求，请求的数据为一个JSON对象，例如：

{
  "name": "张三",
  "age": 20,
  "gender": "男"
}

后端使用Java的Spring框架，可以通过@RequestParam注解获取请求参数，例如：

@PostMapping("/user")
public String createUser(@RequestParam("name") String name,
                         @RequestParam("age") int age,
                         @RequestParam("gender") String gender) {
    // 处理请求参数
    // ...
    return "success";
}

其中，@RequestParam注解用于获取请求参数，括号中的字符串为参数名，参数类型根据实际需要进行设置。例如上面的例子中，请求参数的名称分别为name、age、gender，类型分别为String、int、String。在处理请求参数的方法中，通过name、age、gender三个变量即可获取对应的请求参数值。

相关问题

vue 发送请求，java通过RequestParam获取数据的完整例子

前端使用Vue发送请求，后端使用Java通过@RequestParam获取数据的例子如下：

前端代码：

<script>
export default {
  methods: {
    getData() {
      axios.get('/api/data', {
        params: {
          id: 123
        }
      }).then(response => {
        console.log(response.data);
      }).catch(error => {
        console.log(error);
      });
    }
  }
}
</script>

后端代码：

@RestController
@RequestMapping("/api")
public class ApiController {

  @RequestMapping(value = "/data", method = RequestMethod.GET)
  public String getData(@RequestParam("id") Integer id) {
    // 处理业务逻辑
    return "Hello " + id;
  }
}

在这个例子中，前端使用axios库发送GET请求到`/api/data`接口，并且传递了一个参数`id`，后端使用@RequestParam注解获取该参数，并且返回一个字符串。可以根据实际情况修改业务逻辑。

vue 调用，java通过RequestParam获取的例子

假设前端使用 Vue 发送 POST 请求，请求体中包含参数 `name` 和 `age`，后端使用 Java Spring 框架，可以使用 `@RequestParam` 注解获取参数，示例代码如下：

Vue 代码：

// 发送 POST 请求
axios.post('/api/user', {
  name: 'Alice',
  age: 20
})

Java 代码：

import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/api")
public class UserController {

  @PostMapping("/user")
  public void addUser(@RequestParam("name") String name, @RequestParam("age") int age) {
    // 处理业务逻辑，比如将用户信息保存到数据库中
    System.out.println("用户名：" + name);
    System.out.println("年龄：" + age);
  }

}

在上面的 Java 代码中，`@RequestParam("name")` 表示获取名为 `name` 的参数值，并将其赋值给 `name` 变量。同理，`@RequestParam("age")` 表示获取名为 `age` 的参数值，并将其赋值给 `age` 变量。注意，如果请求体中没有对应的参数，将会抛出异常。