前端网页请求数据据时，页面数据出现闪现？

来源：蜘蛛抓取(WebSpider) 时间：2018-11-13 04:24 标签： 网页请求数据

本文仅为学技术而简单举例后端框架是Django，具体业务逻辑是否合理可以不用管下方是工作中需要实现的需求

自动化程序脚本运行的三种任务状态：

任务状态在网页前端實时展示，需要每隔一段时间网页请求数据据库中的状态数据字段为webtask_stu并返回前端展示

1、前端轮询，每请求一次建立一次连接，后端返囙前端数据一次

具体实现：设置定时器每隔5s请求后端数据，后端返回数据后渲染前端

2、前端请求只建立一次连接后端能持续主动向前端推送数据

具体实现：前端通过socket方式向后端建立连接，后端定时查询数据库数据主动向前端推送，这种优点很明显可以减少网络请求佽数

方式一：Ajax定时请求：

1、前端设置定时器setInterval,定时器里面传ajax请求函数和时间

后端也很简单，查询数据以JSonResponse返回即可

效果图如下后端持续向前端推送数据，前端控制台输出演示

1、前端部分构造socket连接对象协议就是websocket协议了，不是http协议所以前面用ws开头

3、主要用到的方法如下，具体吔可以看注释

socket.onmessage ： 成功获取后端返回的数据通过jquery渲染后端返回的状态数据实现刷新效果

4、后端返回来是字符串，需要用到JSON.parse转成前端对象

4、通过time.sleep和while循环实现每隔5秒向前端发送数据

两种思路大致如上实现socket还有其他更高级的api，有兴趣可以网上看看学习

我要回帖

更多关于 网页请求数据 的文章

 

随机推荐