Ajax获取springmvc后台信息

参考链接 https://blog.csdn.net/weixin_42988712/article/details/110062063

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">

        $(document).ready(function(){
            $("#testJson").click(function(){
            //按钮只可以被点击一次
                $(this).attr('disabled', 1);
                //通过ajax请求springmvc
                $.post(
                    "testJson",//服务器地址
                function(result) {
                    for (var i = 0; i < result.length; i++) {
                        var trTD = 
                            "<tr><td>" + 
                                result[i].id + "</td><td>" + 
                                result[i].name + "</td><td>" +
                                result[i].age+
                            "</td></tr>";
                        $("#tb").append(trTD);
                    }
                }
                );
            });
        });


    </script>
</head>
<body>

    <div>
        <table id="tb">
            <tr>
                <td>id</td>
                <td>name</td>
                <td>age</td>
            </tr>
        </table>
<!--        style="VISIBILITY: hidden"       //让按钮隐形-->
        <input id="testJson" type="button" value="testJson" />
    </div>
    <br/><br><br><br><br>

</body>
</html>

 //告诉SpringMVC，此时的返回 不是一个 View页面，而是一个 ajax调用的返回值（Json数组）
    @ResponseBody
    @RequestMapping(value="testJson")
    public List<Student> testJson() {
        //Controller-Service-dao
        //模拟调用service的查询操作到的结果
        Student stu1 = new Student(1,"zs",23);
        Student stu2 = new Student(2,"ls",24);
        Student stu3 = new Student(3,"ww",25);
        List<Student> students = new ArrayList<>();
        students.add(stu1) ;
        students.add(stu2) ;
        students.add(stu3) ;

        return students;
    }