Refresh Node.js page

Question

Is there any way to refresh a Node.js page after a socket.io event ?

var messageDynamic = "Initial status";

app.get("/", function(request, response) {
    response.setHeader('Content-Type', 'text/plain');
    response.end('The status is : ' + messageDynamic);
});

io.on('connection', function(socket) {

    socket.on('UPDATE', function(message) {
        messageDynamic = message;

        // here I want to refresh the Node.js page (in order to update the message)

    });

Would it be possible that once 'messageDynamic' is updated, the node.js page is updated to ?

Any help would be appreciated

You don't need to refresh the page for updates if you emit an event with the necesary data to change the DOM. — Jose Hermosilla Rodrigo
– Jose Hermosilla Rodrigo, Commented Jul 3, 2016 at 12:47
Thank you for your help but could you elaborate more please? — Doapper
– Doapper, Commented Jul 3, 2016 at 21:33

Dennis Shtatnov · Accepted Answer · 2016-07-03 14:09:39Z

1

As you have it the plain text page you get when you go to / in your browser requests the server once and then will no longer listen to any events from the server. In order to dynamically update it you will need to send back a full html page with socket.io client code to listen to it:

On the server you would do:

   socket.on('UPDATE', function(message) {
        messageDynamic = message;

        // Send event to every socket.io client
        io.emit('message', message);
    });

On the client you would have a corresponding

var socket = io();
socket.on('message', function(message){
    // Do stuff to the page
})

See http://socket.io/get-started/chat/ for a more complete example of what you are trying to do.

answered Jul 3, 2016 at 14:09

Dennis Shtatnov

1,38311 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Doapper Over a year ago

Thanks but at the "// Do stuff to the page" position, it's on the client side, how could I do modify the server main page ?

Dennis Shtatnov Over a year ago

If you need to change messageDynamic on the server, then doing socket.emit("UPDATE", "new message") on a client would change it. But, client's won't refresh unless they are also listening for an event.

Doapper Over a year ago

Sorry I was not very clear, I want that once messageDynamic is updated on the server side (which is the case with my initial code), the " response.end('The status is : ' + messageDynamic)" is updated or executed again.

Dennis Shtatnov Over a year ago

The response.end(...) line will only be run when a user explicitly goes to that url or refreshes. You can not force it to refresh from the server without adding code to the page you send to the browser that waits for a message before refreshing.

Collectives™ on Stack Overflow

Refresh Node.js page

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related