加载更改div

时间:2016-08-10 06:40:53

标签: javascript jquery html ajax

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

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

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

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

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

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

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

1 个答案:

答案 0 :(得分:1)

您可以使用setInterval这样的功能

来实现这一目标
setInterval(function(){
    $('#Submission-2').load('http://example.com')
},3000);

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

广泛的替代

根据您的问题,这可以通过

实现
  1. 长轮询
  2. 服务器发送的事件
  3. 的WebSockets
  4. 彗星
  5. 根据对此问题的回答,您可以得到答案:What are Long-Polling, Websockets, Server-Sent Events (SSE) and Comet?