使用php在AJAX中进行长轮询

Question

我正在使用AJAX使用AJAX刷新页面的某些部分，因此我不必再次重新加载页面。
但我希望仅在有更改 （ 长时间轮询 ） 时才刷新表。 但是我不知道该怎么做。 我已经尝试过使用带有break语句的for循环，但是我没有得到正确的逻辑。
文件如下
getuser.php

<!DOCTYPE html>
<html>
<head>
<style>
table {
    width: 100%;
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
    padding: 5px;
}

th {text-align: left;}
</style>
</head>
<body>

<?php
$conn = mysqli_connect('localhost','root','','bondplus');
if (!$conn) {
    die('Could not connect: ' . mysqli_error($con));
}

mysqli_select_db($conn,"bondplus");
$sql="SELECT * FROM `user_details`";
$result = mysqli_query($conn,$sql);
echo "<table>
<tr>
<th>Firstname</th>
<th>Mobile</th>
<th>Email</th>
<th>Type</th>
<th>Hometown</th>
</tr>";
while($row = mysqli_fetch_array($result)) {
    echo "<tr>";
    echo "<td>" . $row['u_name'] . "</td>";
    echo "<td>" . $row['mob'] . "</td>";
    echo "<td>" . $row['email'] . "</td>";
    echo "<td>" . $row['type'] . "</td>";
    echo "<td>" . $row['address'] . "</td>";
    echo "</tr>";
}
echo "</table>";
mysqli_close($conn);
?>
</body>
</html>

trefresh.php

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
   <title>AJAX Example</title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <script type="text/javascript" src="reloader.js"></script>
</head>

<body onload="reloadData()">
<p> HELLO There!</p>
   <div id="currentData" align="center">
      <p>Loading Data...</p>
   </div>
</body>

<script>
var req;

function reloadData()
{
   var now = new Date();
   url = 'getuser.php?' + now.getTime();

   try {
      req = new XMLHttpRequest();
   } catch (e) {
      try {
         req = new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
         try {
            req = new ActiveXObject("Microsoft.XMLHTTP");
         } catch (oc) {
            alert("No AJAX Support");
            return;
         }
      }
   }

   req.onreadystatechange = processReqChange;
   req.open("GET", url, true);
   req.send(null);
}

function processReqChange()
{
   // If req shows "complete"
   if (req.readyState == 4)
   {
      dataDiv = document.getElementById('currentData');

      // If "OK"
      if (req.status == 200)
      {
         // Set current data text
         dataDiv.innerHTML = req.responseText;

         // Start new timer (1 min)
         timeoutID = setTimeout('reloadData()', 6000);
      }
      else
      {
         // Flag error
         dataDiv.innerHTML = '<p>There was a problem retrieving data: ' + req.statusText + '</p>';
      }
   }
}
</script>
</html>

Answer 1

检查代码中的if（req.status == 304）是否表示响应中没有任何修改。 如果不是304，则可以更新表。

Answer 2

首先，我想给您两个重要的建议：

使用JavaScript框架执行Ajax操作，例如JQuery或AngularJS

始终分开您的图层，不要混用代码，这将非常污染并且无法维护

答：

后端：在您的项目中创建一个EventLayer

它将收到来自另一个实体的信号，表明发生了新的事情，例如：您可以使用ActiveMQ 或它将每N秒向外部实体发送一个请求，以检查是否有新事物（您可以将标志存储在内存缓存中或在同步数据源服务器（如ANYEM ），然后刷新数据（数据创建当然将由业务层创建）

前端非常简单，您将循环使用自己的Ajax，例如

function ajaxLongPollingManager() {
    $.ajax({
      url: "yourproject.event.php"
    }).done(function(response) {
      // do your job ....
      // ...
      // and loop back
      ajaxLongPollingManager();
    }).fail(function(response) {
      // manage/handle your errors
      // ...
      // and loop back
      ajaxLongPollingManager();
    });
}

使用php在AJAX中进行长轮询

问题描述

2 个解决方案

解决方案1
0 2016-02-11 12:44:49

解决方案2
0 2016-02-11 13:07:24

使用php在AJAX中进行长轮询

问题描述

2 个解决方案

解决方案1 0 2016-02-11 12:44:49

解决方案2 0 2016-02-11 13:07:24

解决方案1
0 2016-02-11 12:44:49

解决方案2
0 2016-02-11 13:07:24