您好,匿名用户
随意问技术百科期待您的加入

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

0 投票

后端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>   	
用户头像 提问 2012年 12月1日 @ Evelynn 上等兵 (244 威望)
分享到:

1个回答

0 投票
 
最佳答案
<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>
用户头像 回复 2012年 12月1日 @ Sagittarius 上等兵 (289 威望)
选中 2012年 12月1日 @Evelynn
提一个问题:

相关问题

0 投票
1 回复 25 阅读
用户头像 提问 2014年 2月12日 @ Archer 上等兵 (494 威望)
0 投票
1 回复 32 阅读
用户头像 提问 2013年 12月13日 @ Hermes 列兵 (61 威望)
0 投票
1 回复 55 阅读
用户头像 提问 2012年 12月1日 @ Demeter 上等兵 (208 威望)
0 投票
1 回复 49 阅读
用户头像 提问 2012年 12月1日 @ Hecarim 上等兵 (361 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...