当有变化时，自动更新所有用户的HTML dom

auto update the html dom for all the users whenever there's change

本文关键字：用户 HTML dom 更新 有变化      更新时间：2023-09-26

我很抱歉问了这么低级的问题。但我很久以前看过一个视频，我认为这是一个基于jquery的框架，如果用户对对象进行一些CRUD更改，对象的属性不仅会自动更新一个用户，而且会自动更新所有其他用户的浏览器。我正在找，但是我迷路了!如果你能帮我，我会非常非常感激。谢谢你！

假设你有一个像这样的html表单

<form>
    <input type="text" name="firstName" value="Jackson" />
    <input type="text" name="lastName" value="Rivera" />
    <textarea name="lifestory">
        When i was 2yo, spot died...
    </textarea> 
</form>

只需在要动态更改的每个元素上添加一个OnChange事件:

<form>
    <input .. ..  onchange="shareValueWithOthers(this.name, this.value)"/>
    <input .. .. onchange="shareValueWithOthers(this.name, this.value)"/>
    <textarea onchange="shareValueWithOthers(this.name, this.innerHTML)">
        When i was 2yo, spot died...
    </textarea> 
</form>

注意，元素值的改变(或者在textarea的情况下-它的内容)会导致函数shareValueWithOthers(this.name, this.value)开始运行。this.name为名称变量，this.value为值变量，this.innerHTML为内容变量。

现在您必须编写一个Javascript函数，以便将更改发送到服务器。了解AJAX。编写一个函数，向PHP脚本发送POST请求。

PHP脚本应该将所有值保存在数据库中，或者以json格式保存在服务器上的文件中。JSON是最简单的。查看JSON PHP解析器

最后但并非最不重要。如果您做了正确的事情，请确保PHP脚本在json文件中更新用户输入的每个新值。你可以走最后一步了。即创建一个javascript函数来检索JSON文件。JSON代表JavaScript Object Notation，所以你的javascript可以马上使用它。

接下来要做的是更改DOM中与检索到的JSON对象中的值不同的所有值。

两种协议，Websocket或WebRTC。

插座。

getevent -socketio for python

大量基于node.js。Sailsjs，部署，流星

相关文章：