- 需求:【可以做qq聊天和投票系统】
用户前端需要及时的了解用户需要的信息是否更新,如投票系统,大屏幕需及时的反馈投票变更数
- 分析
想要及时更新屏幕数据,就需要服务器一旦有更新数据就发给用户
- 解决方案
1. 轮询
前端通过js事件setInterval(function, timeout) 来每个多少毫秒执行一次前的函数,函数可以进行ajax请求
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> </head> <body> <div id="text"></div> <script> setInterval(get_data, 2000); function get_data(){ $.ajax({ url: '/xx/', success:function(data){ $('#text').html(data) } }) } </script> </body> </html>