Как по таймеру добавлять данные без обновления страницы?

Question

[password22]

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

Я пробовал множество способов, их не перечислить. Но всё же, это готовые решения которые я пробовал

1. Quartz и Coravel. Они могут выполнять задачи фонового режима, то есть я не могу через них взять данные (я их беру через api) и вывести частичным представлением.
   
2. Timer. Он точно так же может выполнять задачи через делегаты, которые ничего не возвращают
   
3. Sheduler. Всякие плагины для выполнения задач по расписанию тоже выполняют задачи, через которые я никак не могу вывести данные на страницу
   

Я возможно не знаю чего-то или не вижу решения

Comments

[Борис Животное]

ASP.NET Core 3 MVC (Razor Pages)?

[password22]

Борис Животное, да

Answer 1

[Василий Банников]

По любому придётся использовать JS.
Чтобы без обновления страницы получать данные - советую посмотреть на SignalR
Если данные получает бэкенд, то полученные данные пихаешь в SignalR и выводишь на странице.
Если фронтенд может сам запросить данные из API, то используй setTimeout в JS

Comments

[password22]

спасибо, пошел читать

[password22]

В итоге сделал так:

SignalR (Hub)

public class MyHub : Hub
    {
        public async Task SendData(MyData data)
        {
            await Clients.All.SendAsync("GetData", data);
        }

    }

HomeController

private IHubContext<MoexHub> _myHub { get; set; }
        public HomeController(IHubContext<MyHub > myHub)
        {
            _myHub= myHub;
        }
        public IActionResult Index()
        {
            await _myHub.Clients.All.SendAsync("GetData", data);

            return View();
        }

JavaScript (Client)

const hubConnection = new signalR.HubConnectionBuilder()
    .withUrl("/myHub")
    .build();
hubConnection.start();

//получаем данные
hubConnection.on("GetData", (data) => {
    var tr = document.createElement("tr");
    tr.innerHTML = `<th>${data.dateTime}</th>
                      <th >${data.data1}</th>
                      <th >${data.data2}</th>`;
    document.getElementById("dataContainer").appendChild(tr);
    console.log(data);
});

Спасибо большое за решение