后端getdata.php代码如下：
5
1072<?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;
?>
前端我想这么显示：
<p class='message' id='message'>第 $id 位用户: <span>$content</span><p><a href='./$imgsrc' title='点击查看原图'><img src='./$thumbsrc'></a></p><br>$pubtime</p>
前端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>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
<script type="text/template" id="template"> <p class='message' id='message'>第 {{id}} 位用户: <span>{{content}}</span><p><a href='./{{imgsrc}}' title='点击查看原图'><img src='./{{thumbsrc}}'></a></p><br>{{pubtime}}</p> </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>亲，可以用$.getJSON哦，免去一切解析烦恼哦~
不过要记得后端那个要改下，加个$_GET['callback']才行哦~具体可以谷歌一下哦~
ajax拿到json的数据后，直接用js或jquery进行值绑定就行了。可以用jquer选择器选定元素，然后.text(json的值)就能绑定上了
设置dataType: 'json',之后，不需要自己解析json，直接使用data即可
JSON.stringify(jsonObject); //将json转换为字符串JSON.parse(jsonString);//将json格式的字符串转换成json对象