在 Razor 页面中传递参数每秒渲染局部视图

Question

I have a table like this:

@page
@model MyApp.Pages.IndexModel
@using Microsoft.AspNetCore.Antiforgery
@inject IAntiforgery AntiForgery;
@{
    ViewData["Title"] = "MyApp";
}
<div class="container-fluid">
    <div class="row">
        <div class="col-12 text-center p-3">
            <table class="table table-striped" id="infoTable">
                <tr class="table-secondary">
                    <th>
                        <label>Port</label>
                    </th>
                    <th>
                        <label>Name</label>
                    </th>
                    <th>
                        <label>Type</label>
                    </th>
                    <th>
                        <label>Value</label>
                    </th>
                    <th>
                        <label>Last update</label>
                    </th>
                </tr>
                @if (Model.Data != null)
                {
                    @if (Model.Data.Count > 0)
                    {
                        @foreach (var item in Model.Data)
                        {
                            String genID = item.port.ToString();
                            <tr id="@(genID)">
                                <td>@item.port</td>
                                <td>@item.name</td>
                                <td>@item.varType</td>
                                @{Html.RenderPartial("_Value", item);}
                                @{Html.RenderPartial("_LastUpdate", item);}
                            </tr>
                        }
                    }
                    else
                    {
                        <tr>
                            <td>Model has no data.(Index)</td>
                        </tr>
                    }
                }
                else
                {
                    <tr>
                        <td>Model is null. (Index)</td>
                    </tr>
                }
            </table>
        </div>
    </div>
</div>

I also have two partial views:
_Values

@model Models.Variable
<td>
    @Model.value.ToString().Replace(";", "");
</td>

_LastUpdates

@model Models.Variable
<td>
    @Model.lastUpdate.ToString().Replace(";","");
</td>

I would like to automatically update the value and last update of every row every second.

In my model I have:

public PartialViewResult OnGetValuePartial(string name)
{
    acquireFilterOptions();
    Data = Utils.fetchInputs();
    Models.Variable d = Data.Where(x => x.name == name).First();
    return Partial("_Value", d);
}

public PartialViewResult OnGetLastUpdatePartial(string name)
{
    acquireFilterOptions();
    Data = Utils.fetchInputs();
    Models.Variable d = Data.Where(x => x.name == name).First();
    return Partial("_LastUpdate", d);
} 

And I know that I need to send an AJAX call somewhere in there every second to get the updated value, but I don't know where or what to put in the said call to receive the values I need for aech row.

Any help with this would be highly appreciated, thanks in advance for everything.

Answer 1

You should not update every second, that´s infinite work for the server. Instead, you should look into Observable Pattern.

Thats changing your View only when in your DB something changed.