在Vue中,你可以使用axios库来发起GET请求并传递数组参数。在Spring Boot后端,你可以使用@RequestParam注解来接收这个数组参数。

Vue (前端) 代码示例:

import axios from 'axios';
 
// 假设你有一个数组
const array = ['item1', 'item2', 'item3'];
 
// 构建查询参数
const params = new URLSearchParams();
params.append('array', array.join(',')); // 将数组转换为字符串,使用逗号分隔
 
// 发起GET请求
axios.get('http://localhost:8080/your-endpoint', { params })
  .then(response => {
    // 处理响应
    console.log(response.data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

Spring Boot (后端) 代码示例:

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
 
@RestController
public class YourController {
 
    @GetMapping("/your-endpoint")
    public String getWithArray(@RequestParam(name = "array") List<String> array) {
        // 处理数组参数
        // ...
        return "Received array: " + array.toString();
    }
}

接下文:Mybatis 传递数组给sql解析 解决not in失效问题

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐