Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript重新加载页面实时结果_Javascript_Real Time - Fatal编程技术网

Javascript重新加载页面实时结果

Javascript重新加载页面实时结果,javascript,real-time,Javascript,Real Time,我知道我可以使用javascript在一定时间后刷新页面 <html> <head> <script type="text/JavaScript"> <!-- function timedRefresh(timeoutPeriod) { setTimeout("location.reload(true);",timeoutPeriod); } // --> </script> </head> <body o

我知道我可以使用javascript在一定时间后刷新页面

<html>
<head>
<script type="text/JavaScript">
<!--
function timedRefresh(timeoutPeriod) {
    setTimeout("location.reload(true);",timeoutPeriod);
}
//   -->
</script>
</head>
<body onload="JavaScript:timedRefresh(5000);">
</body>
</html>


是否可以在数据库中添加/更新新字段后重新加载页面,以实时显示数据而不是“F5”

您不应该在一定时间后刷新页面,这对用户来说相当麻烦。您应该使用setInterval向服务器发送另一个请求以动态更新页面

编辑响应: 您可以使用数据库触发器事件来触发insert事件,然后通知客户机进行读取,也可以使用轮询机制—使用(setTimeout/setInterval)每隔60秒查询一次数据库。这可以使用jQueryAjax或任何其他XHR机制来完成

例如:

$.ajax({
  type: 'GET',
  url: 'server.php/GetPageData' // or GetPageUpdate
  data: {},
  success: function(data) {

  }
});

您可以设置insert和update触发器来发送事件,该事件将导致在应用程序中执行回调。然后,应用程序可以调用已注册的JS回调函数。您可以在这里看到一个描述

在更新、插入和删除时通过MySQL触发器调用通知 这在大多数数据库中都有效,当某些内容发生更改时(例如,当某个字段被更新时,您需要立即通知客户),可以使用它将服务器发送的事件直接发送到浏览器


使用
数据库触发器
服务器发送的事件通知
,将事件触发器直接发送到浏览器,并执行以下操作-用于数据库上的任何更改。这种情况会实时出现,以获得实时结果。

你的意思是,在谷歌的任何地方都找不到用javascript刷新页面的方法吗?然后向右看----------------->答案是肯定的。在来自Ajax调用的回调中!正如你可能通过这个问题可以看出的,我不熟悉javascript或ajax,所以发布这个问题是为了寻求帮助,而不是因为问了一个“愚蠢的问题”而被批评。我没有告诉你。然而,在这样一个最低限度的研究是预期的,这是不可能没有发现任何东西在网上仅仅通过谷歌搜索“更新html后数据库插入”更好是的,这听起来更适合。是否可以在插入/更新字段后刷新页面?
$.ajax({
  type: 'GET',
  url: 'server.php/GetPageData' // or GetPageUpdate
  data: {},
  success: function(data) {

  }
});