Are you ready to initiate the object using setInterval?

Question

Are you ready to initiate the object using setInterval?

My Sockjs reconnect method is almost fully functional, except for a small error:

(function() {
  // Initialize the socket & handlers
  var connectToServer = function() {
    var warbleSocket = new SockJS('http://url.com:5555/warble');

    warbleSocket.onopen = function() {
      clearInterval(connectRetry);
      $('.connect-status')
        .removeClass('disconnected')
        .addClass('connected')
        .text('Connected');
    };

    warbleSocket.onmessage = function(e) {
      $('#warble-msg').text(e.data);
    };

    warbleSocket.onclose = function() {
      clearInterval(connectRetry);
      connectRetry = setInterval(connectToServer, 1000);
      $('.connect-status')
        .removeClass('connected')
        .addClass('disconnected')
        .text('Disconnected');
    };

    // Connect the text field to the socket
    $('.msg-sender').off('input').on('input', function() {
      warbleSocket.send($('.msg-sender input').val()); 
    });

    function send(a) {
        warbleSocket.send(a);    
    }

    return {
        send: send
    };
  }();
  var connectRetry = setInterval(connectToServer, 1000);
})();

Unfortunately, when it tries to reconnect, I encounter an error message:

SyntaxError: missing ] after element list

This error occurs at the following line:

connectRetry = setInterval(connectToServer, 1000);

Does anyone have any insight into what might be causing this issue?

javascript sockjs

Answer 1

Answer №1

The variable connectToServer is not actually a function; instead, it is an object containing a property called send which is a function. Therefore, using

setInterval(connectToServer, 1000)

does not make sense. A better approach would be:

setInterval(connectToServer.send, 1000);

Answer 2

The variable connectToServer is not actually a function; instead, it is an object containing a property called send which is a function. Therefore, using

setInterval(connectToServer, 1000)

does not make sense. A better approach would be:

setInterval(connectToServer.send, 1000);

Answer 3

Answer №2

Could you consider simplifying the process?

One suggestion is to encapsulate the connection logic within a specific function and then call that function from setInterval().

Here's a potential implementation (please exercise caution as I have not tested this code):

(function() {
  // Initialize the socket & handlers
  var connectToServer = function() {
    var warbleSocket;

    function connect() { 
      warbleSocket = new SockJS("http://url.com:5555/warble");

      warbleSocket.onopen = function() {
        // ...
      };

      warbleSocket.onmessage = function(e) {
        // ... 
      };

      warbleSocket.onclose = function() {
        // ...
    }

    // Connect the text field to the socket
    $(".msg-sender").off("input").on("input", function() {
      warbleSocket.send($(".msg-sender input").val()); 
    });

    function send(a) {
        warbleSocket.send(a);    
    }

    return {
        send: send
    };
  }();

  // You may need to initiate the initial connection
  connectToServer();

  // Set up connection retry
  var connectRetry = setInterval(connectToServer.connect, 1000);
})();

Hope this provides some insight.

Best,

Heleno

Answer 4

Could you consider simplifying the process?

One suggestion is to encapsulate the connection logic within a specific function and then call that function from setInterval().

Here's a potential implementation (please exercise caution as I have not tested this code):

(function() {
  // Initialize the socket & handlers
  var connectToServer = function() {
    var warbleSocket;

    function connect() { 
      warbleSocket = new SockJS("http://url.com:5555/warble");

      warbleSocket.onopen = function() {
        // ...
      };

      warbleSocket.onmessage = function(e) {
        // ... 
      };

      warbleSocket.onclose = function() {
        // ...
    }

    // Connect the text field to the socket
    $(".msg-sender").off("input").on("input", function() {
      warbleSocket.send($(".msg-sender input").val()); 
    });

    function send(a) {
        warbleSocket.send(a);    
    }

    return {
        send: send
    };
  }();

  // You may need to initiate the initial connection
  connectToServer();

  // Set up connection retry
  var connectRetry = setInterval(connectToServer.connect, 1000);
})();

Hope this provides some insight.

Best,

Heleno

Are you ready to initiate the object using setInterval?

Answer №1

Answer №2

Similar questions

Unable to successfully change the Span Class

The Facebook Customer Chat Plugin embedded within an iframe

Streamline the process of sorting through 2 arrays

How to implement loading an external script upon a page component being loaded in NextJS

Unusually Elevated Frame Rates within Three.js

Display chart labels are constantly visible in Vue Chart JS

ReactJS does not display an image from the local file system

Click to open the file browser by using the onclick event in Material-table actions

Issue encountered while using Axios to send an http request to a server

Tips for obtaining the sources of every image on a webpage and consolidating them in a single section

Difficulty parsing JSON in MVC .Net Core Controller

Looking to develop a dynamic JSON preview feature using AngularJS

What could be causing the error when trying to submit to OData Edm.Decimal type?

Unclear outcomes from iterative loops

What could have caused these errors, since they never made an appearance?

Using `reduce` in TypeScript, you can organize an array of objects based on a shared property

Setting up Geolocation

Is there a way to navigate to the next or previous image in a lightbox by using ev.target.nextElementSibling or ev.target.prevElementSibling?

Using onchange within an onchange event will not function as intended

Automatically hide a label after a certain amount of time following a button click