jquery ajax

佚名 6年前 (2019-04-18) 随笔 565人围观抢沙发百度已收录

页面载入加载ajax

1 $(function () { });

2 $(document).ready(function () { });

3 window.onload = function () { }

View Code

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

1.处理json列表的数据

 $.ajax({

        type:'get',
        url: host+"/student/list",
        dataType:'json',
        success:function(res){
            

            for(var i=0; i<res.length; i++){

                var student = res[i];

                var template = "<tr>\n" +
                    "             <td>"+student.id+"</td>\n" +
                    "             <td>"+student.name+"</td>\n" +
                    "             <td>"+student.gender+"</td>\n" +
                    "             <td>"+student.age+"</td>\n" +
                    "\t\t\t <td><span class=\"label label-primary\">编辑</span><span class=\"label label-danger\">  删除</span></td>\n" +
                    "           </tr>"

                $(".table-bordered").append(template);

            }



        }