<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
setInterval(function(){
$.ajax({
url: "backend.php",
type: "GET",
dataType: "json",
success: function(json){
$('#output').append(json.time + '<br/>')
}
})
}, 1000)
})
</script>
</head>
<body>
<div id="output"></div>
</body>
</html>
前台html就是用ajax发请求，一般用json格式发送与接收数据，然后设置setInterval每1秒循环发送一次请求，后台也很简单：
<?php//backend.php
//把送回的数据json_encode()一下就可以了
echo json_encode(array('time'=>time()))
?>
jquery+ajax可以很容易实现啊，通过settimeout(function(),5)去触发函数就行，与通过点击发送请求没区别啊。setInterval(function(){
jQuery.ajax({
type:"POST",
url:"111.php",
global:false,
dataType:"json",
data:"action=ajax",
success:function(data){
jQuery("p").html(data.shopid)
},
error:function()
{
alert("err: *** 作错误")
}
})
}, 2000)
php部分更简单
if($_POST['action']=='ajax'){
$result=$db->get_one("select * from shtq_shop order by rand() limit 1")
echo json_encode($result)exit
}
原理很简单 setInterval() 定时执行一个ajax，后台部分执行数据库查询 获得json格式数组
通过回调函数将返回的内容插入到<p></p>中
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）