java 入参是个list 前端如何传参

在前端传参给后端时，一种常见的情况是需要将数据作为列表（List）的形式传递给后端接口。在这种情况下，我们可以使用以下方法来传递列表类型的参数。

一种常见的方法是将列表数据转换为JSON格式，然后通过HTTP请求将JSON数据传递给后端。接下来，我们通过一个简单的例子来演示这个过程。

首先，我们定义一个包含列表参数的后端接口，假设我们有一个接口需要接收一个List<String>类型的参数：

@RestController
public class ListParamController {

    @PostMapping("/receiveList")
    public void receiveList(@RequestBody List<String> dataList) {
        System.out.println("Received list data: " + dataList);
    }
}

在这个例子中，我们使用Spring Boot构建了一个简单的RESTful接口，接收一个List<String>类型的参数。接口路径为"/receiveList"，参数通过@RequestBody注解来接收。

接下来，我们在前端使用JavaScript来发送HTTP请求，将列表数据传递给后端接口。我们可以使用fetch API或者axios等库来发送请求。下面是一个使用axios发送POST请求的示例代码：

const dataList = ["item1", "item2", "item3"];

axios.post('/receiveList', dataList)
     .then(response => {
         console.log("List data sent successfully");
     })
     .catch(error => {
         console.error("Error sending list data: " + error);
     });

在上面的代码中，我们定义了一个包含三个字符串元素的列表dataList，然后使用axios.post方法将dataList作为请求体发送给"/receiveList"接口。

在这个过程中，前端会将列表数据转换为JSON格式，并将其作为HTTP请求的请求体传递给后端。后端接收到请求后，会将JSON数据转换为List<String>类型的参数，从而完成参数的传递。

总结一下，前端传参给后端时，如果入参是个List，我们可以将列表数据转换为JSON格式，然后通过HTTP请求将JSON数据传递给后端接口。这种方法简单、高效，并且易于实现。

classDiagram
    class ListParamController {
        + receiveList(dataList: List<String>): void
    }

通过以上例子和说明，我们已经清楚地介绍了如何在前端传参给后端时，处理入参为List的情况。希望本文能够对读者有所帮助。