weixin_43397686
2021-08-04 17:49
采纳率: 100%
浏览 49
已结题

ajax后台有数据,前台为何输出不出来数据

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

<!DOCTYPE html>
<html ng-app = 'test'>
 
<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>

  • 好问题 提建议
  • 收藏

4条回答 默认 最新

  • Roc-xb 2021-08-04 17:53
    已采纳

    根据运行结果来看,应该是由于跨域问题导致的。
    img
    附跨域问题解决参考文档:https://segmentfault.com/a/1190000012469713

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 呼叫007 2021-08-04 17:50

    打印一下返回的data不就知道是什么问题了吗

    评论
    解决 无用
    打赏 举报
  • 嘿嘿!请多指教 2021-08-04 18:10

    tbody 元素应该与 thead 和 tfoot 元素结合起来使用

    评论
    解决 无用
    打赏 举报
  • weixin_43397686 2021-08-07 14:51

    已经解决,原因就是生成的json格式不太对

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题