Vue get请求传递数组,springboot接受数组(ai生成)
vue springboot传递数组
·
在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();
}
}
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献2条内容
所有评论(0)