当前位置: 首页 > 面试题库 >

使用Flask实施强制页面刷新的最佳方法是什么?

秋阳旭
2023-03-14
问题内容

背景
我有很多字段,这些字段将通过外部进程实时更新。我想定期更新Flask托管页面,以向连接的用户显示任何更改。理想情况下,整个页面不会刷新,这是对类似系统的抱怨,而只是更新页面上的许多字段。

当前方向
我目前的想法是使用可能的JavaScript来处理此问题,但是我不确定使用Flask时是否甚至可以实现。

Flask或第3方模块是否可以实现此目的?

其他信息
数据将使用各种套接字和串行端口进行更新。每个接口将在其自己的线程中运行并更新共享内存。请注意,Flask / Web界面具有对共享内存的只读写入,可以由其他线程更新。

客户总人数不得超过20人。这是测试系统的Web界面,通常在任何给定时间只有1-5个人连接到该系统。


问题答案:

为了避免刷新整个页面,你需要使用AJAX。看起来这很容易在flask中实现。

由于你希望它定期发生,因此需要从javascript中的计时器函数调用AJAX函数。

这意味着你只需将flask页面中的javascript放入计时器调用中即可。

这大概是javascript的样子:

setInterval(                               //Periodically 
  function()
  {
     $.getJSON(                            //Get some values from the server
        $SCRIPT_ROOT + '/get_values',      // At this URL
        {},                                // With no extra parameters
        function(data)                     // And when you get a response
        {
          $("#result").text(data.result);  // Write the results into the 
                                           // #result element
        });
  },
  500);                                    // And do it every 500ms


 类似资料:
  • 问题内容: 用增强现实录制视频的最佳方法是什么?(向iPhone / iPad相机的框架添加文字,图像徽标) 以前,我试图弄清楚如何绘制并转换回CIImage回到CMSampleBuffer中 我几乎做了所有事情,只是在使用new in 录制视频时遇到问题 但是,无论如何,这种解决方案都不是很好,它在转换为()时会占用大量CPU 因此,我想在这里停下来,找到其他方法来录制具有增强现实的视频(例如,

  • 问题内容: 我想使用JavaScript 重新加载。到目前为止,我发现的最好方法是将iframe的属性设置为其自身,但这并不是很干净。有任何想法吗? 问题答案: 注意,在Firefox中,不能通过id进行索引,而只能通过名称或索引进行索引

  • 问题内容: 我认为这个问题经常出现在Web应用程序开发中。但是,我将尝试详细解释我的问题。 我想知道如何纠正这种行为,例如,当我有如下代码块时: 提交表单后,数据将插入数据库中,并产生消息 “完成操作” 。然后,如果刷新页面,则数据将再次插入数据库。 如何避免这个问题?任何建议将不胜感激:) 问题答案: 创建动作后不要显示响应;操作完成后重定向到另一个页面。如果有人刷新,则他们刷新的是您重定向到的

  • 问题内容: 我是React Router的新手,并了解到重定向页面的方法有很多: 使用 使用 在React Router v4中,有和。 我对所有这些选项感到困惑,是否有最佳的方法来重定向页面? 问题答案: 实际上,这取决于您的用例。 1)您想保护您的路线免受未经授权的用户的侵害 如果是这种情况,则可以使用称为的组件,并可以实现以下逻辑: 请记住,如果您想按预期的方式工作,则应将其放在组件的ren

  • 怎么强制用户刷新页面? 今天遇到一个问题,是一个公众号上面的项目,修改了一个问题,但是需要用户刷新才能看到效果?用什么技术可以实现?无论是小程序,公众号还是h5,只要我上传了修改过的代码,就可以让用户直接看到效果,不管用户是否强制刷新? 无论是小程序,公众号还是h5,只要我上传了修改过的代码,就可以让用户直接看到效果,不管用户是否强制刷新?

  • 本文向大家介绍angular4强制刷新视图的方法,包括了angular4强制刷新视图的方法的使用技巧和注意事项,需要的朋友参考一下 使用angular的过程中有时会出现数据已经更新了,但是对于的视图没有更新,针对这一情况,可以是用angular提供的方法强制更新视图。 这里使用NGZone来更新视图 以上这篇angular4强制刷新视图的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也