Обновление div с помощью setInterval, но это мешает шаблону страницы просмотра

Question

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

<div id="stuDetails" class="col-md-6 col-xs-12">
    <div id="AttendanceStatus" class="ts-intro">
        <h2 class="into-sub-title">Live Attendance</h2>
        <h3 class="into-title">&#40;@DateTime.Now&#41;</h3>

        <table class="mu-blog-caption table">
            @foreach (DataRow row in Model.Tables[0].Rows) {
            <tr style="background-color:#30652c; color:#fff;">

                <td>
                    No. of person present in Hotel
                </td>
                <td>
                    &#58;&nbsp;@row["No_of_persons_Inn"]

                </td>
            </tr>
            <tr style="background-color:#B73522; color:#fff;">
                <td>
                    No. of person out of the in Hotel
                </td>
                <td>
                    &#58;&nbsp;@row["No_of_persons_Out"]

                </td>
            </tr>
            <tr>
                <td>
                    Total
                </td>
                <td>
                    &#58;&nbsp;@row["Total_persons"]

                </td>
            </tr>

            <tr>
                <td>
                    <label id="lblmessage"></label>
                </td>
                <td>
                    <p> <a class="btn btn-default" href="#">Absent list &raquo;</a></p>
                </td>

            </tr>
            }
        </table>

    </div>
    <script type="text/javascript">
        $(document).ready(function() {

            setInterval("refresh();", 1000);
        });

        function refresh() {
            $("#AttendanceStatus").load("#AttendanceStatus");
    </script>

Хотя она обновляет страницу и отображает нужные результаты, но она мешает шаблону и отображает всю страницу в обновлении, и я получаю результат, как на скриншоте.

введите описание изображения здесь

вместо этого: введите описание изображения здесь

Answer 1

Бритва, наверное? Это сервер отображается. Вы можете попытаться перезагружать всю страницу каждые 30 секунд:

function refresh() { setTimeout(function() { location.reload(); }, 30000); }

Когда требуется переопределение на стороне клиента sh, попробуйте встроить таблицу в Javascript и добавить ее в dom. Надеюсь, это поможет!