springboot controller返回对象到前端

技术栈:
Springboot + SpringMVC + Thymeleaf

1、controller部分代码

@RequestMapping("moduleViewPage")
    private String moduleViewPage(@RequestParam String qyId, @RequestParam String khmc
                             Model model) {
        // 字符串返回前端
        model.addAttribute("qyId", qyId);

        // 查询入参对象
        DpCshViewQuery dpCshViewQuery = new DpCshViewQuery();
        dpCshViewQuery.setQyId(qyId);
        dpCshViewQuery.setNsrsbh(nsrsbh);
        // 查询数据封装到Vo对象(字符串、集合)
        DxxVo dxxVo = dpcshService.getDxxViewData(dpCshViewQuery);
        // vo对象转jsonString
        String dxxString = JSONObject.toJSONString(dxxVo );

        // json字符串返回前端
        model.addAttribute("moduleViewData", dxxString );
        return "template/system/moduleViewPage";
    }

DxxVo 数据vo部分参数:

package org.system.vo.demo;


import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;

import java.util.List;

@Data
@ApiModel("数据vo")
public class DxxVo {

    @ApiModelProperty("企业id")
    private String qyId;

    @ApiModelProperty("demoList")
    private List demoList;

}

2、前端接收


initPageData: function () {
            // 获取字符串数据
            var qyId = $('#qyId').val();

            // 获取jsonString数据并转成jsonObject
            var dataObject =  JSON.parse($("#moduleViewData").val());
            var qymc = dataObject.qymc;// 获取字符串数据
            var dataList = dataObject.dataList; // 获取集合数据

}

以上是controller返回数据,前端接收数据过程;
 

你可能感兴趣的:(thymeleaf,springboot)