What is the optimal method for verifying two distinct conditions simultaneously using Javascript?

Question

What is the optimal method for verifying two distinct conditions simultaneously using Javascript?

Hey there, I'm working on a code snippet to check the status of a Rails model. Here's what I have so far:

var intervalCall = setInterval(function(){
  $.post("getstatus", {id:id});
  var finished = "<%= @sentence.finished%>";
     // CONDITION ONE: STOP INTERVAL WHEN THIS HAPPENS LATER
  if ("<%= @sentence.result %>"){
        clearInterval(intervalCall);
        state_2();
  }
     // CONDITION TWO: KEEP INTERVAL RUNNING AFTER THIS EARLIER EVENT
   else if (String(finished)== "true"){
        state_1();
    }
},3000);


intervalCall;

I'm looking for suggestions on how to better structure this flow. Any ideas?

Thanks in advance!

javascript ajax setinterval states

Answer 1

Answer №1

// The setInterval and setTimeout functions return the timer id
var intervalCall;
function updateStatus (){
    // When making a post request, a callback function is needed to process the data response from the server
    $.post("getstatus", {id:id}, function  ( data ) {
        data = $.parseJSON ( data ) // Assuming you are using jQuery and the data is in JSON format
        if ( data.result ){
            state_2(); // If you want to pass the result as an argument, use state_2( data.result )
            return;
        } else {
            // No need to use a finished flag, when there is a response with no result, call the function again after a delay
            // Any action you want to take when there is no successful result can be written here

            state_1();
            intervalCall = setTimeout ( updateStatus, 3000 );
        }
    });
}, 3000);
intervalCall = setTimeout ( updateStatus, 3000 );

Some updates have been made

Answer 2

// The setInterval and setTimeout functions return the timer id
var intervalCall;
function updateStatus (){
    // When making a post request, a callback function is needed to process the data response from the server
    $.post("getstatus", {id:id}, function  ( data ) {
        data = $.parseJSON ( data ) // Assuming you are using jQuery and the data is in JSON format
        if ( data.result ){
            state_2(); // If you want to pass the result as an argument, use state_2( data.result )
            return;
        } else {
            // No need to use a finished flag, when there is a response with no result, call the function again after a delay
            // Any action you want to take when there is no successful result can be written here

            state_1();
            intervalCall = setTimeout ( updateStatus, 3000 );
        }
    });
}, 3000);
intervalCall = setTimeout ( updateStatus, 3000 );

Some updates have been made

What is the optimal method for verifying two distinct conditions simultaneously using Javascript?

Answer №1

Similar questions

Book Roulette: Your Next Random Read

Getting the ID of a select input option in Vue.js using FormulateInput

Run code once the Firestore get method has completed its execution

Popup window for Ajax pagination in CgridView

What causes the Element to be null in Vue.js?

What could be causing the removal of style classes from my element after it is appended?

Issue with loading glb file in three.js: The 'format' property is not compatible with this material

Filtering a table with a customized set of strings and their specific order using pure JavaScript

How to use the v-model to round up a number in Vue.js

The MongoDB GridFS is refusing to accept the buffer being written

What is the best way to vertically flip a background image that is repeating along the y axis in CSS?

What is the best way to package JS in a partial view from ASP.NET MVC4 when it is sent back through AJAX?

Guide to dynamically setting SCSS $variables in JavaScript after retrieving them from local storage in a React application

Steps to update the toolbar color of Mui DataGrid

Vue.js 2 view failing to update after modifying data in Vuex state

Different approaches for expanding object.prototype while utilizing jQuery

Let's set up a new project using Create React App and Node Sass with Chokidar, following the 7-1

Eliminate the jQuery AJAX timestamp from the URL parameters

Having trouble transitioning from Curl to Axios in Node.js? Encountering issues when trying to make a curl request using the provided certificates, resulting in ECONNRESET or

How can we handle updating jQuery actions such as Drag And Drop when Ajax replaces multiple chunks of HTML?