Возвращает «div» как динамический контент

Question

У меня есть программа PHP, которая выполняет серию подключений SSH с ключом (в качестве пользовательских www-данных Apache) и выполняет сценарии на удаленном сервере, которые проверяют состояния пара услуг/деамонов. На основе сообщенного статуса «Запуск» или «Остановлен» функция определяет соответствующее изображение, зеленый или красный «х», который должен отображаться в ячейке таблицы div.

Это выглядит следующим образом:

Проблема 9 серверов опрашивается и 18 ДИВ ячейки таблицы динамически построены. Я хотел бы обновить/отобразить каждый div, поскольку данные возвращаются с каждого вызова SSH.

Это PHP-код, где каждый SSH вызов сделал DIV, содержащий результат вставляется:

  $cmd_string=buildServiceCallString($distIP, "VolCreationService","serviceCheck"); 

      echo "<div class=\"statTableRow\">"; 
     echo "<div class=\"statData statTableCell\">"; 
      $cmd_output=shell_exec($cmd_string); 
      echo "<span class=\"serviceTitle\">VolCreationService: <img class=\"runStatImage\" src=\"".displayRunStatusImage($cmd_output)."\"></span>"; 
      $cmd_output=""; 
        echo "</div>"; //end statTableCell 
        echo "</div>"; //end statTableRow 

Я сделал усилие, чтобы понять метод JQuery .load(), но hasn» t еще не нажал. Я предполагаю, что это будет связано с обратным вызовом, но я не понимаю, как элемент доступен и отображается с асинхронным вызовом.

Любые советы приветствуются!

-tu

Answer 1

Так очень простой пример того, как динамически добавлять содержание в DOM элемента. Вы можете использовать $ .ajax

var request = $.ajax({ 
     type: "POST", 
     url: "example.php", 
     data: data_obj, 
     dataType: "html" 
    }).done(function(msg) { 
     $("#example_element").append(msg); 
     } 

url: будет указывать на ваш файл.

данные: не обязательно, но с помощью этой опции вы сможете передать ключ, который хотите вернуть.

DATATYPE: указывает, что тип возвращаемого вы ожидаете

в .done простейшего, что вы можете сделать, чтобы загрузить содержимое просто приложить его к чему-то (или заменить, но в вашем случае, вы, вероятно, хотите, чтобы добавить его) ,

Обратите внимание, что этот вызов не проверяет наличие ошибок.

The documentation is pretty verbose but you should still read it if you plan on using AJAX calls.