前台js拼接json字符串传递后台

迷南。 2022-02-02 10:51 657阅读 1赞

有时候前台传递到后台数据多了，可以在前台把数据拼接成json字符串传递到后台，后台可以在转为list对象集合，会简单很多。

前台拼接json字符串代码（这里是循环遍历获取table表格中的标签值传递，如下图表格中的数据）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70][]

表格中数据代码（部分，以为数据条数可以添加，所以这里只显示了一行的代码）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70 1][]

拼接表格中的所有数据为json格式字符串代码（因为json格式代码需要加 " 号，拼接时需要注意一下）：

后台接收为一个string类型字符串，之后转为list对象集合：

首先需要引入json依赖：

<dependency>
    	<groupId>org.codehaus.jackson</groupId>
    	<artifactId>jackson-mapper-asl</artifactId>
    	<version>1.9.9</version>
    </dependency>

转换代码CurriculumPlanForm为对象实体类：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70 2][]

ObjectMapper mapper = new ObjectMapper();
        //data为字符串json数据
    	List<CurriculumPlanForm> list =     
    		mapper.readValue(data,new TypeReference<List<CurriculumPlanForm>>() { });

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70]: /images/20220202/749334f953e24f9b81c6ae70c4a04d08.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70 1]: /images/20220202/aa1cbaacf13f4b5c974ea17577288587.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjA1MTE2_size_16_color_FFFFFF_t_70 2]: /images/20220202/4ce3ae241dc147abba56a0f12f4f4058.png