ajax前台为何输出不出来数据

ajax部分代码如下,后台能过查到数据,但是前台无法输出显示,是代码错误还是

在控制台中打印下success里的data,发出来看看

在访问你的网站的浏览器下,按F12查看控制台输出,看有没有错误。

代码???


<script type="text/javascript">
    $(function(){
        $.ajax({
            url:'http://crbm.ahzsksw.com/zs/search.php',
            type:'GET',
            async: true,
            dataType:'json',
            success:function(data){
                if(data.status==1){
                    var html='';
                    $.each(data.data, function(k, v){
                        html += '<li><p><span class="alizi-badge">'+ v.xuexixingshi+'</span>'+ v.name[0]+'同学 ['+ v.phone+']</p><p><span class="alizi-date">'+ v.add_time+'</span><span style="margin-right: 15px;">学校:'+ v.yuanxiao+'</span><span style="margin-right: 15px;">层次:'+ v.cengci+'</span>专业:'+ v.zhuanye+'</p></li>';
                    });
                    $('#demo1').html(html);
                }
            },
            error: function(data){}
        })
    });

    var speed = 40;
    window.onload=function(){
        var demo=document.getElementById("demo");
        var demo2=document.getElementById("demo2");
        var demo1=document.getElementById("demo1");
        demo2.innerHTML = demo1.innerHTML;
        function Marquee(){if(demo.scrollTop>=demo1.offsetHeight){
            demo.scrollTop=0;
        }
        else{
            demo.scrollTop=demo.scrollTop+1;
        }
        }
        var MyMar=setInterval(Marquee,speed);
        demo.onmouseover=function(){clearInterval(MyMar)};
        demo.onmouseout=function(){MyMar=setInterval(Marquee,speed); };
    }
</script>

附上前端全部代码


<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-type=text/html;charset=utf-8"/>
    <!-- jQuery -->
    <script type="text/javascript" src="http://code.changer.hk/jquery/1.11.2/jquery.min.js"></script>
     <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style type="text/css">
        .table{
            width: 1000px;
            text-align: center;
        }
    </style>
    <title>学生信息管理</title>
</head>
 
<body ng-controller = 'main'>
    <div class="">
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <td>学号</td>
                    <td>姓名</td>
                    <td>班级</td>
                    <td>学院</td>
                    <td>电话</td>
                </tr>
            </thead>
            <tbody id="demo1"></tbody>
        </table>
    </div>
</body>
<script type="text/javascript">
    $(function(){
        $.ajax({
            url:'http://crbm.ahzsksw.com/zs/search.php',
            type:'GET',
            async: true,
            dataType:'json',
            success:function(data){
                if(data.result=="1"){
                    var html='';
                    $.each(data, function(k, v){
                        html += '<li><p><span class="alizi-badge">'+ v.xuexixingshi+'</span>'+ v.name[0]+'同学 ['+ v.phone+']</p><p><span class="alizi-date">'+ v.add_time+'</span><span style="margin-right: 15px;">学校:'+ v.yuanxiao+'</span><span style="margin-right: 15px;">层次:'+ v.cengci+'</span>专业:'+ v.zhuanye+'</p></li>';
                    });
                    $('#demo1').html(html);
                }
            },
            error: function(data){}
        })
    });
 
  
</script>

</html>

li外面包一层tr td