前端raw 如何传参数组

前端中可以使用数组作为参数，然后将数组转换成字符串形式，使用URL编码（encodeURIComponent）后传递给后端。后端接收到参数后，再将字符串形式的参数转换成数组，进行处理。

例如，将数组 [1,2,3] 作为参数传递给后端：

var arr = [1, 2, 3];
var param = encodeURIComponent(JSON.stringify(arr));
// 将 param 作为参数传递给后端

后端接收到参数后，进行解析：

var param = req.query.param; // 假设 param 是前端传递的参数
var arr = JSON.parse(decodeURIComponent(param));
// 处理 arr 数组

需要注意的是，如果数组中包含特殊字符，可能会导致传递的参数出现问题。因此，在传递数组参数时，最好对数组中的每个元素进行转义或编码。

相关问题

postman参数LIST

在使用Postman进行POST请求时，如果需要设置参数为List类型，可以通过以下几种方式来实现。

引用介绍了在Postman中设置参数为List的方式，并具有很好的参考价值。可以参考该方法进行操作。

引用中提到了在使用MyBatis进行批量添加时，需要前端传递一个List<Book>的情况。可以使用Postman来模拟浏览器发送一个包含List集合的数据。

在Postman中，可以通过以下步骤设置List参数：

1. 首先，选择POST请求方式，并输入请求URL。
2. 在请求的Body部分选择"raw"格式，并选择"JSON"类型。
3. 在请求体中，按照JSON格式输入List参数的数据，例如：[{"name": "book1"}, {"name": "book2"}]。
4. 点击发送请求，即可将List参数传递给后端接口。

引用中还提到了接受List类型和数组类型参数的示例。可以根据具体的接口需求，选择相应的参数类型进行设置。

总结起来，要在Postman中设置参数为List类型，可以选择JSON格式，在请求体中按照JSON格式输入List参数的数据，并发送请求。这样就可以模拟前端传递List参数的情况了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [postman中POST请求时参数包含参数list设置方式](https://download.csdn.net/download/weixin_38685857/12725583)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [postman测试接口List类型的参数](https://blog.csdn.net/weixin_38568503/article/details/121519287)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Postman测试接口传入List类型的参数以及数组类型参数](https://blog.csdn.net/qq_41107231/article/details/106981432)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]