该怎么写，才可以让前端显示后台获取的json格式数据？

Question

后端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>   	

Answer 1

<script&nbsp;type="text/template"&nbsp;id="template"><div&nbsp;class='message'&nbsp;id='message'>第&nbsp;{{id}}&nbsp;位用户:&nbsp;<span>{{content}}</span><p><a&nbsp;href='./{{imgsrc}}'&nbsp;title='点击查看原图'><img&nbsp;src='./{{thumbsrc}}'></a></p><br>{{pubtime}}</div></script><script>(function($)&nbsp;{ var&nbsp;template&nbsp;=&nbsp;$('#template').html(); function&nbsp;get_data()&nbsp;{ $.ajax({ url:&nbsp;'getdata.php', dataType:&nbsp;'json', success:&nbsp;function(data)&nbsp;{ for(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;data.length;&nbsp;++i)&nbsp;{ var&nbsp;tmp&nbsp;=&nbsp;data[i]; //&nbsp;循环输出，用变量替换template中的{{变量}} } } }); } get_data(); })(jQuery);</script>

Answer 2

JSON.stringify(jsonObject); //将json转换为字符串JSON.parse(jsonString);&nbsp;//将json格式的字符串转换成json对象

Answer 3

ajax拿到json的数据后，直接用js或jquery进行值绑定就行了。可以用jquer选择器选定元素，然后.text(json的值)就能绑定上了