Javascript 当对象中的数据更改时自动更新页面的一部分，而无需重新加载页面

我将数据插入从后端收集的各种div中。 这些数据会被更新，我需要的是div也会自动更新div中的数据，而不会刷新整个页面。 现在页面刷新会更新div，但我希望div能够自动更新，而不会影响用户体验。 任何建议。 例如，我在前端有一个投票向上/向下按钮，投票被发送到后端，然后通过前端发送回前端并插入到div中，但是除非他们刷新页面，否则他们不会看到自己的投票在前端注册，因此，我需要用户投票结果在前端每次更新，然后自动进行投票或更改投票。 这只是一个例子，在这个表中插入了更多的数据，可以随时更新

更新， 不确定人们是否完全理解我的需要或尝试。 基本上，在页面加载时，从后端传入一个对象和一个对象，该对象的数据被插入到一个表中，比如新的帖子、投票等等

我需要能够做的是检查自页面加载以来对象是否已更改，如果已更改，则在不刷新页面的情况下更新页面上的数据

理想情况下，这种情况需要在瞬间发生，因此一旦对象数据与浏览器中显示的数据之间存在差异，它就会识别并更新

希望这能让我更清楚地知道我想做什么

我用suggestiontitle、description、votestatus等信息创建和反对，当一个新的。当带有主对象的新对象通过时，将添加新行。

---

因此，我需要能够检查主对象中的更改，这样我就可以将新对象作为行添加到表中，还可以检测和更新当前已插入对象的任何更改

如果我理解正确，您只需要一种与后端交互而不刷新页面的方法，对吗？如果是这样，您应该研究AJAX。下面是投票系统示例中使用它的一种简单方法（需要jQuery）：

在这种情况下，您发送了一个键为1232、投票数为1的post请求。函数中的变量（数据）是请求的输出

然而，如果这对您来说不是一件简单的事情，我建议您研究WebSocket。总结一下它们是什么：后端和前端之间的来回交互。后端可以随时发送信息，而无需刷新页面。如果WebSocket过于混乱，请使用以下方法：

---

但老实说，除非绝对必要，否则你不应该尝试去实时了解div的所有信息。祝你好运！：）

我的理解是，每当更新投票时，您都需要更新div？如果我理解正确的话，那么我希望在您从Vote stuff调用中得到响应后，使用委托并向服务器调用一个函数

---

如果您想从服务器端获取事件，那么我建议您使用SignalR进行实时通信，它将为您提供一个称为服务器端的事件。

您可以在10秒的设置间隔内使用ajax。它会在10秒内更新你的div你可以试着观察如何在ajax上更新。不，我已经有了来自后端的数据，我想要的是，如果收到的任何数据发生变化，我想更新发布到div中前端的数据，例如，发布的投票结果，然后，他们应该能够在前端看到更新，一旦他们投票，我已经有了通过后端并返回的日期，但前端将只更新更改，如果你刷新页面，然后使用推送或WebSocket。这是我知道的唯一能解决你问题的方法。

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