обновление нескольких тегов HTML с помощью ajax, jquery - PullRequest
Новая
       2

обновление нескольких тегов HTML с помощью ajax, jquery

0 голосов
/ 01 декабря 2018

Имея базовые знания об AJAX, здесь JQUERY - мой код для обновления html-тэга и отображения результата команды оболочки «date» каждые несколько секунд.

Мне интересно, как можно израсходовать этот коди добавьте еще несколько тегов и обновите их все.Например, мне нужно показать загрузку процессора, время работы, .....

test2.php 

<html>
    <head>
    <script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
    <script>
        $(document).ready(function() {
            setInterval(timestamp, 1000);
        });
        function timestamp() {
            $.ajax({
                url: '/test2.php',
                success: function(data) {
                    $('#timestamp').html(data);
                },
            });
        }
    </script>
</head>
<body>

<div id="timestamp">clock</div>
<div id="uptime">to be done!</div>

</body>
</html>

test2.php: 

<?php
    echo $timestamp=shell_exec('date');
    //echo $uptime=shell_exec('uptime -p');

?>

1 Ответ

0 голосов
/ 01 декабря 2018

Как насчет отправки обратно JSON вашему абоненту: 

<?php

$data = [
     'timestamp' => shell_exec('date'),
     'uptime' => shell_exec('uptime -p')
     ];

echo json_encode($data);

?>

А затем это (или что-то подобное) в вашем Javascript ... 

success: function(data) {
     $('#timestamp').html(data.timestamp);
     $('#uptime').html(data.uptime);
},
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...