Question

我有一个运行良好的API，但我希望它能够生效（定期从API获取数据并在我的HTML代码中显示）。

我只需要从最开始的地方获得一些提示。 Javascript，Ajax？

任何线索都会受到赞赏。

我的PHP / HTML：

<h4>Cpu Load</h4>
<span class="text-muted"><?php 
    echo "" . $first['cpu-load'] . " %" . ""; 
?></span>

哪个输出2％或其他。刷新页面时会更新新值。

我的PHP API：

<?php
 require('includes/routeros_api.class.php');
  $API = new RouterosAPI();
   $API->debug = false;
    if ($API->connect('MYIP', 'USER', 'PASS')) { 
      $ARRAY = $API->comm("/system/resource/print");
        $first = $ARRAY['0'];
  $API->disconnect();
 }
?>

Answer 1

为了简单起见，您可以创建一个具有ajax调用的函数。你应该查看.ajax jquery用法，但是这会给你一个想法。

function ajaxQuery(){
    // some stuff inside here to perform call
    $.ajax({
        url: 'your-file.php',
        dataType: 'what ever data type you expect from server...',
        success: function(data) {
            // this is where i would normal have an id setup to update 
            // a specific textbox or form field...
        }

   });


}

然后您必须在页面的某处使用javascript计时器函数setInterval（）：

setInterval(ajaxQuery(), 2000);

Answer 2

使用setInterval函数每隔一定时间查询API： https://www.w3schools.com/jsref/met_win_setinterval.asp

方便的方法是通过数据绑定使用Vue和Vue资源，在查询API和更改数据后，页面将被重新渲染而不刷新整个页面。

使用PHP更新实时数据

2 个答案: