php实现点击局部刷新,ajax实现局部刷新页面--留言刷新

详细内容

最近有小伙伴好奇留言板显示留言一直刷新,实现原理是怎么样的?一般发送留言就是通过正常的ajax向服务器发送数据,而实时显示留言就需要用到轮询了。本篇文章主要讲述了用ajax实现留言刷新状态,具有一定的参考价值,感兴趣的朋友可以了解一下。

什么是轮询:就是使用定时器,每隔固定的时间从客户端向服务器发起请求。

5cc922db94f1ca2939641905f541671b.png

案例代码demo:

xhr.open('get','get_msg.php');

xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ var res = eval("("+xhr.responseText+")");

.......

}

}

},2000);

注意:为了防止留言板被重复的数据覆盖,必须标记maxid,每次取新数据

028dbd1a069a04df89e8ec6760f9023d.png

f68fde6252b973b694fec9427cf02e2c.png

063bd6f0bef9664bb97e13754006c4d4.png

7c3af3ac0b1aa8361a86be8374b458f5.png

4c3e6b9903879df3044e15fdb82f5a70.png

509baa656f6a6e3503d321874642a84d.png

总体效果:

4cc8a2ac7f4b1c13e211690ecf06e239.png

相关教程:ajax视频教程

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值