开发者社区> 问答> 正文

前端怎么显示后台获取的json格式数据

后端getdata.php代码如下:

<?php
     include('./conn/conn.php');
     $query=    "select id,content,pubtime,imgsrc,thumbsrc from messages order by id desc";
    $result=mysql_query($query);  
    while( $row = mysql_fetch_array( $result ) ) {
        $json[] = $row;
    }
     echo json_encode($json);
     exit;
?>
前端我想这么显示:

<div class='message' id='message'>第 $id 位用户: <span>$content</span><p><a href='./$imgsrc' title='点击查看原图'><img src='./$thumbsrc'></a></p><br>$pubtime</div>
前端javascript代码:

 <script type="text/javascript">
     function get_data()
{
    $.ajax({
    url: 'getdata.php',
    datatype:'json',
    success: function(data) {
    var data = eval("(" + data + ")");
      ...    //然后这个地方应该怎么写
        }
    }
}
});
}
setInterval("get_data()",3000);
</script>       

展开
收起
a123456678 2016-07-29 10:28:15 3942 0
1 条回答
写回答
取消 提交回答
  • <script type="text/template" id="template">
    <div class='message' id='message'>第 {{id}} 位用户: <span>{{content}}</span><p><a href='./{{imgsrc}}' title='点击查看原图'><img src='./{{thumbsrc}}'></a></p><br>{{pubtime}}</div>
    </script>
    <script>
    (function($) {
        var template = $('#template').html();
        function get_data() {
            $.ajax({
                url: 'getdata.php',
                dataType: 'json',
                success: function(data) {
                    for(var i = 0; i < data.length; ++i) {
                        var tmp = data[i];
                        // 循环输出,用变量替换template中的{{变量}}
                    }
                }
            });
        }
        get_data();
    })(jQuery);
    </script>
    2019-07-17 20:01:36
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载