使用ajax每秒刷新div并使用现有div显示新div

Question

我有一个网页，我想显示加入我网站的用户列表以及它们之间的连接。

我有用户和他们之间的联系：

 var data=[
           {
              "Id": 38,
               "Connections":[39,40],
               "Name":"ABc"
          },
           {
              "Id": 39,
               "Connections":[40],
               "Name":"pqr"
           },
           {
               "Id": 40,
               "Connections":[],
               "Name":"lmn"
           }]

在上面的示例中，Id:38的用户与user 39 and 40相关联，而user 39 is connected to user 40 and user 40已与user 39 and user 38 so user 40 Connection array is blank相关联。

我有一个Web服务，我将每隔1-2秒触发一次，以显示此页面上新加入的用户以及我存储在我的表中的现有用户之间的新连接以及此Web服务将获取所有用户及其连接

所以首先我的页面会加载，但之后我的页面将不会刷新，应该显示新用户，并且应该通过AJAX调用将新连接与我的Web服务连接。

到目前为止，我已成功设法显示用户和他们之间的连接，但现在在1-2秒内停留了自动刷新div，以便在不进行先前连接的情况下建立新连接。

现在发生的事情是当我刷新我的div时，之前的连接再次发生。

我正在使用此插件：Jquery-connections.js

这是我制作的一个演示;请忽略我保存在html中的js因为那是插件（Jquery-connections.js）：JS bin Demo

Answer 1

根据讨论要点，我们已达成解决问题的方法：

• 使用画布替换div元素以简化和更快地渲染。
• 使用第三方js库将节点和边缘渲染到画布中。