Question

我很抱歉问这样一个菜鸟问题。但是很久以前我看过一个视频，我认为这是一个基于jquery的框架，如果用户对某个对象进行了一些CRUD更改，该对象的属性不仅会自动更新为1个用户，还会自动更新所有其他用户浏览器。我试图找到它但我全都输了！如果你能帮助我，我真的很感激。谢谢！

Answer 1

假设你有一个看起来像这样的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 PARSER。

最后但并非最不重要。如果你做了正确的事情，并确保用户输入的每个新值都由PHP脚本在json文件中更新。你可以迈出最后一步。这是一个用于检索JSON文件的javascript函数。 JSON代表JavaScript Object Notation，因此您的javascript可以立即使用它。

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

Answer 2

两种类型的协议，Websocket或WebRTC。

socket.io是非常受欢迎且容易的Websocket。

gevent-socketio for python

很多基于node.js. sailsjs，deployd，meteor

每当有变化时，自动为所有用户更新html dom

2 个答案: