后端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>
<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>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。