有没有一种方法可以在多个设备上同步<td>元素的内容?

时间:2020-04-27 23:48:33

标签: javascript html

该表位于存储库中。该表为空白,但是用户可以通过文本空间和按钮功能将信息上传到<td>单元格中。

<input type=“text” id=“one”>
<button onclick=“upload()”>

JavaScript

function upload(){
  this.disabled = true
  document.getElementById(“targetTDElement”).innerText = document.getElementById(“one”).value
}

通过同步,我的意思是,当用户A使用设备A将某些信息上载到表中时,用户B也可以在设备B的表上找到该信息。基本上就像这个网站一样。有人发布了一个问题,该问题变得同步并在其他设备上可见。

这是怎么做的?

1 个答案:

答案 0 :(得分:1)

您应该拥有主服务器,简单的解决方案是一种轮询机制:

客户帖子:

function upload(){
  this.disabled = true
  postDataToRemoteServer({one:document.getElementById(“one”).value});
}

客户调查:

setInterval(()=>getDatafromServer().then(data=>{
   document.getElementById(“one”).value = data.one
},1000)

服务器框架

@post
save(data){
  //save data to database <- postDataToRemoteServer calls this
}

@get
get(){
//get data from database <- getDatafromServer calls this

}