如何使用 $http.get 有效地轮询 mySQL 数据库

Question

** 角度 1.X ** 大家好！我需要帮助来使这个 $http.get 函数异步，正如您从代码中看到的那样，我当前的临时解决方案是 setInterval 的 displayData 范围。这显然不是一个有效的解决方案，因为它占用了太多的 CPU、太多的用户数据并且可能导致 UI 上的一些闪烁。我希望在更新数据库时更新数组。 请不要推荐我切换到其他框架。 谢谢

$scope.displayData = function() {
    $http.get("read.php").success(function(data) {
        $scope.links = data;
    });
}
setInterval(function(){$scope.displayData();}, 500);

这是我的 PHP ("read.php")

  <?php
  include("../php/connect.php");
  session_start();
  $output = array();
  $team_id = $_SESSION['team_id'];
  $sql  = "SELECT record_id, user_id, link, note, timestamp FROM             
  link_bank WHERE team_id = '$team_id' AND status = 'valid'";
  $result = mysqli_query($connect, $sql);
  if (mysqli_num_rows($result) > 0) {
        while ($row = mysqli_fetch_array($result)) {
        $output[] = $row;        
  }
  echo json_encode($output);
  }
  ?> 

Answer 1

$http.get 已经异步了！异步函数就是在未来某个未知时间结束运行的任何函数。

您真正想要做的是long polling。这是您定期向服务器发送请求以获取最新数据的地方，这不是一个好主意有几个原因（包括您所说的闪烁和高 CPU 使用率）。

我知道您说过您不希望任何人推荐其他框架，但是尝试编写自己的框架以在数据库更新时通知客户端是一项艰巨的任务。我们无法提供任何简短的 sn-p 代码来为您提供 PHP 和 Javascript 的功能。

但是，您可以尝试使用 WebSockets 滚动您自己的代码。这是以您建议的方式进行服务器到客户端通信的最直接、非框架的方式。

Answer 2

检查调试工具的一些细节，有大量的网络请求需要很长时间并且没有返回任何新数据。

使用时间线记录来获取客户端处理的一些细节。

在我看到的视图中，客户端并没有受到太大影响，但没有数据很难真正评估。

您可以查看时间线，然后放大记录数据的一部分，查看实际调用了哪些函数以及它们花费了多长时间。还有一些很好的扩展来检查角度中的 $watchers

https://chrome.google.com/webstore/detail/angular-watchers/nlmjblobloedpmkmmckeehnbfalnjnjk?hl=en

如果绑定只更新一次（在 ng-repeats 多次有用），您可以使用 {{::bindOnce}} 语法来减少观察者。这有助于减少消化时间，因为需要检查更改的观察者更少。如果您有很长的元素列表（1000 多个），那么使用某种虚拟滚动条或分页 UI 组件有助于避免在 DOM 中每行元素生成 1000 个*元素。

在服务器端，您可以使用 xdebug 插件/模块从服务器端收集分析数据，并可以使用 kcachegrind 评估该数据以查找服务器花费最多时间的位置，但也可以使用某种服务器侧缓存和更智能的逻辑，以避免在没有任何变化的情况下不断访问数据库（也许考虑使用 Redis 或查看 memcached 以加快这些服务器端的速度，或者看看它是否只是网络延迟）。

更改语言或框架而不实际分析以获取关于究竟是什么是慢的数据并不是一个伟大的举措，IMO 只会在新的热点之间来回跳跃，而不了解为什么或是否重要。

下面的示例是来自 PHP 脚本的相对较快的响应。它基本上什么都不做，只是吐出一个硬编码的 JSON 响应，使用 Redis 或 memcached 不会有太多额外的开销来获取响应，尤其是空响应。