javascript – 加载一个不断变化的div

2023年6月20日 186次阅读

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

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

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

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

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

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

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

最佳答案 您可以通过使用这样的setInterval函数来实现此目的

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

这会每隔3秒向页面发送一个HTTP请求,并且获取的结果将显示在给定的div中

广泛的替代

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

>长轮询
>服务器发送的事件
> Websockets
>彗星

您可以根据此问题的答案得到答案：What are Long-Polling, Websockets, Server-Sent Events (SSE) and Comet?

点赞