javascript - 加载变化的 div

Question

我正在创建一个问答网站。

目前，两个用户可以登录该网站并访问一个页面。我尝试使用 jquery.load 函数向两个用户显示同一页面。问题是我在页面上有按钮，我希望当一个用户按下一个按钮时，另一个用户可以看到它发生变化(这些不是“提交”按钮，它们只是在按下时改变颜色)。

如果我是正确的，.load 函数似乎只加载页面上的静态代码。有没有办法让双方在不刷新页面的情况下看到对方所做的更改？因此，如果一个用户更改了 div 中的某些内容，则另一个用户必须看到它。

    jQuery(document).ready( function($){
    $('#Submission-2').load('http://example.com #div');

我也是 jquery 的新手(几天前才开始)。

目前，两个用户可以创建一个“派对”。聚会网址中包含两个用户的用户名，例如 www.example.com/?user1=user1&user2=user2。一旦这两个用户都登录后，就会为他们创建一个派对。这是我需要他们访问同一页面的时候。顺便说一句，我正在使用 Wordpress。

当第一个用户提交数据时，我将其添加到 session 中，两个用户都可以很好地看到该信息。问题是当第二个用户必须为提交的信息选择信息(按下按钮)时，第一个用户将看不到这些更改。

Answer 1

您可以像这样使用 setInterval 函数来实现此目的

setInterval(function(){
    $('#Submission-2').load('http://example.com')
},3000);

每 3 秒向页面发送一个 HTTP 请求，获取的结果将显示在给定的 div

广泛的选择

根据您的问题，这可以通过以下方式实现

1. 长轮询
2. 服务器发送的事件
3. 网络套接字
4. cometd

您可以根据对这个问题的回答得到这些问题的答案:What are Long-Polling, Websockets, Server-Sent Events (SSE) and Comet?