Loading a changing div

Question

I am creating a question and answer site.

Currently, two users can log into the site and have access to one page. I tried using the jquery.load function to show both users the same page. The problem is that I have buttons on the page and I want that when one user presses a button the other can see it change (these are not 'submit' buttons they just change color on press).

If I am correct it seems the .load function only loads the static code on a page. Is there a way to make both parties see changes the other makes without refreshing the page? So if one user changes something in a div, the other user has to see it.

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

I am new to jquery as well (started only a few days ago).

Currently, two users can create a 'party'. the party url has both users usernames in it like www.example.com/?user1=user1&user2=user2. Once both these users are logged in and there is a party created for them. This is when I need them to access the same page. BTW I am using Wordpress.

When the first user submits data I add it to the session and both users can see that information fine. The problem is when the second user has to select information(press buttons) for that submitted information the first user won't see those changes.

`the .load function only loads the static code on a page` - correct — Jaromanda X, Aug 10 '16 at 06:41
See this question: http://stackoverflow.com/questions/11077857/what-are-long-polling-websockets-server-sent-events-sse-and-comet — martin, Aug 10 '16 at 06:43
Woah seems I have some learning to do. Looking at the socket programming now. Isn't there a simpler way to do this like using sessions or saving variables in the browser? — Dario, Aug 10 '16 at 06:44
Have a look on [SignalR](http://www.asp.net/signalr) as well. — Daniel Dušek, Aug 10 '16 at 06:46
You can auto-reload page after few seconds using setInterval and display fresh data . This is the simplest thing you can do — Amar Singh, Aug 10 '16 at 06:50
Thanks Yo Yo I tried this but I don't see changes like button clicks on page reload. — Dario, Aug 10 '16 at 06:54
@Dario : You need to use database to store the changed data. and then implement the change on every page load — Amar Singh, Aug 10 '16 at 06:59

score 1 · Accepted Answer · edited Jun 20 '20 at 09:12

1

You can achieve this by using the setInterval function like this

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

This sends a HTTP request to the page every 3 seconds and the result fetched will be displayed in the given div

BROAD ALTERNATIVE

Depending on your question this can be achieved by

Long Polling
Server-Sent Events
Websockets
Comet

You can have your answer to these depending on the answer given to this question: What are Long-Polling, Websockets, Server-Sent Events (SSE) and Comet?

edited Jun 20 '20 at 09:12

Community

1
1

answered Aug 10 '16 at 07:27

KANAYO AUGUSTIN UG

2,078
3
17
31

Nice i ended up using this – Dario Aug 23 '16 at 08:13

Loading a changing div

1 Answers1

BROAD ALTERNATIVE