My goal is to retrieve the connectivity status of available servers in a database on a PHP page.
<tbody>
<?php foreach ($data['servers'] as $server) { ?>
<tr>
<td class=""><?php echo $server->server_name; ?></td>
<td class=""><?php echo $server->base_path; ?></td>
<td class="server_status"><?php if (is_dir($server->base_path)){ echo 'Pass';} else { echo 'Fail' } ?></td>
</tr>
<?php } ?>
</tbody>
I aim to achieve this right after the page loads using AJAX, similar to this page screenshot
How can I invoke AJAX to obtain each value from this dynamically generated table? I have attempted the following code so far:
<?php foreach ($data['servers'] as $server) { ?>
<tr>
<td class=""><?php echo $server->server_name; ?></td>
<td class=""><?php echo $server->base_path; ?></td>
<td class="server_status"></td>
<td class="server_status_loading"></td>
</tr>
<?php } ?>
JS
$(function(){
$(".server_status").hide();
$(".server_status_loading").show();
$.ajax({
url: 'get-server-status'
})
.error(function(){
alert('Error!');
})
.done(function(response){
$(".server_status_loading").hide();
$(".server_status").show();
$(".server_status").html(response);
});
Function for get-server-status:
public function getStatus() {
$basePath = $this->_serverModel->getBasePath(2);
if (is_dir($basePath)) {
echo 'Pass'; exit;
}
else {
echo 'Fail'; exit;
}
}
Thank you in advance!