返回的数据不符合规范，正确的成功状态码应为：“code“: 0

本文链接：https://blog.csdn.net/XXT6666/article/details/113762095

该博客展示了如何通过后端接口获取数据并由前端展示。后端使用GetMapping注解返回RecruitInfo列表，前端利用layui框架的table组件进行数据渲染，实现了动态表格的功能。页面加载时，前端发送请求至后端URL获取数据，并对返回的数据进行解析和处理，展示在表格中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后端

    @GetMapping("/recruitInfo")
    @ResponseBody
    public List<RecruitInfo> recruitInfo(){
        List<RecruitInfo> recruitInfos = recruitServiceInfo.queryAll();
        return recruitInfos;

    }

前端

<%--
  Created by IntelliJ IDEA.
  User: gangxu
  Date: 2021/2/8/008
  Time: 17:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">



        <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>


    </div>
</div>
<script src="../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="../lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script>
    layui.use(['form', 'table'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table;

        table.render({
            elem: '#currentTableId',
            url: '${pageContext.request.contextPath}/graduate/recruitInfo',
            toolbar: '#toolbarDemo',
            defaultToolbar: ['filter', 'exports', 'print', {
                title: '提示',
                layEvent: 'LAYTABLE_TIPS',
                icon: 'layui-icon-tips'
            }],
            parseData:function(res){
                console.log(res);
                return{
                    "code":0,   //数据类型
                    "msg":"213213132",
                    "count":1000,
                    data:res
                }
            },
            cols: [[
                {field: 'id', width: 80, title: 'ID', sort: true},
                {field: 'company_name', width: 150, title: '公司名'},
                {field: 'num', width: 120, title: '招聘人数'},
                {field: 'job', width: 150, title: '工作岗位'},
                {field: 'place', width: 150, title: '工作地点'},
                {field: 'remark', title: '备注', minWidth: 300}
            ]],
            limits: [10, 15, 20, 25, 50, 100],
            limit: 15,
            page: true,
            skin: 'line'
        });


    });
</script>

</body>
</html>