Обновлять часть страницы автоматически, когда данные из объекта изменяются без перезагрузки страницы - PullRequest
0 голосов
/ 14 февраля 2020

У меня есть данные, вставляемые в различные элементы div, собранные с сервера. Эти данные обновляются, мне нужно, чтобы div также автоматически обновлял данные внутри div без фактического обновления всей страницы. Прямо сейчас ссылка на страницу sh будет обновлять div, но я хочу, чтобы div автоматически обновлялся, не влияя на работу пользователей. Какие-либо предложения. Например, у меня есть кнопка голосования вверх / вниз во внешнем интерфейсе, голос отправляется на сервер, затем отправляется обратно на фронт и вставляется в div, однако они не увидят, что их голос зарегистрирован во внешнем интерфейсе, если они не обновят страница, поэтому мне нужно, чтобы результаты голосования пользователей обновлялись во внешнем интерфейсе каждый раз, а затем делали голосование или изменяли его автоматически. Это только один пример, в эту таблицу добавлено больше данных, которые могут быть обновлены в любое время.

Обновление, Не уверен, что люди полностью понимают, что мне нужно или я пытаюсь сделать. В основном есть и объект, проходящий через бэкэнд, при загрузке страницы данные из этого объекта вставляются в таблицу, например, новые сообщения, голоса и т. Д.

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

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

Надеюсь, это прояснит, что я хочу сделать.

У меня есть и объект с информацией, такой как заголовок предположения, описание, voicestatus и т. Д. c, они вставляются в строку при появлении нового. Новая строка добавляется, когда появляется новый объект с основным объектом. Поэтому мне нужно иметь возможность проверять изменения в главном объекте, чтобы затем я мог добавлять новые объекты в виде строк в таблицу, а также обнаруживать и обновлять любые изменения с уже вставленными текущими объектами.

Ответы [ 2 ]

0 голосов
/ 14 февраля 2020

Что я понял, так это то, что вам нужно обновлять div каждый раз при обновлении голосования? Если я правильно понял, тогда я хотел бы go с делегатом и вызвать функцию на сервере, как только вы получите ответ на голосовой вызов.

Если вы хотите получить событие со стороны сервера, тогда Я бы предложил вам go для SignalR, для связи в реальном времени, которая даст вам событие, называемое серверной стороной.

0 голосов
/ 14 февраля 2020

Если я правильно понял, все, что вам нужно, это способ взаимодействия с бэкэндом без обновления страницы, верно? Если это так, вы должны изучить AJAX. Вот простой способ использовать его для примера системы голосования (требуется jQuery):

$.post(url_to_interact_with,{key: 1232,vote:1}, function(data){
   console.log(data);
}

В этом случае вы отправили запрос на публикацию с ключом = 1232 и голосом 1. Переменная в функция (data) - это вывод запроса.

Однако, если это не так просто для вас, я бы порекомендовал заглянуть в веб-сокеты. Чтобы подвести итог, что они: Обратное и обратное взаимодействие между бэкендом и интерфейсом. Серверная часть может отправлять информацию в любое время без обновления страницы. Если веб-сокеты слишком запутаны, используйте это: https://pusher.com/

Но, честно говоря, вы не должны пытаться go для подхода к знанию всей информации о div в реальном времени, если только абсолютно необходимо. Удачи! :)

...