JavaScript function to evaluate true conditions

Question

JavaScript function to evaluate true conditions

I am encountering an issue while calling sub functions connected to if statements within my main function. Even though the sub functions are supposed to return true or false, the expected alerts are not appearing.

   if (functionAAA()){
       alert("111111111");

       if (functionBBB()){
                      alert("2222222");

           if (functionCCC()){
                          alert("333333333333");

           }            
       }
   }

The functions functionAAA, functionBBB, and functionCCC are expected to return true, triggering alerts accordingly. However, this behavior is not happening as anticipated. What could be going wrong in my implementation?

I suspect that the issue lies within the function side itself. The definition of functionAAA is provided below:

function functionAAA(){
    var indexId = 1;

    var dataItem = datasourceAppList.at(indexId);
    var deviceKey = localStorage.getItem('LsDeviceKey');
    var baseUrl = localStorage.getItem('LsBaseUrl');    
    var errorMessageInfoText;
    var status;

    $.ajax({

        url: baseUrl + '/test/cloud/FE/1.0/test.php',
        data: {
            PAR1: dataItem.par1,
            PAR2: dataItem.par2,
            PAR3: deviceKey,
            PAR4: dataItem.par3,
            PAR5: "5664456"
        },
        type: 'GET',
        crossDomain: true,
        dataType: 'jsonp',
        error: function () {
            showErrorDialog("Key Validation Failure");
        }

    }).done(function (data) {

        $.each(data, function (k, v) {

           // alert("k  " + k + "  v  " + v);
            if (k == 'STATUS') {
                status = v;
            } else if (k == 'ERROR_MESSAGE') {

                errorMessageInfoText = v;
            }
        });

        if (status == 'TRUE') {
            alert("ok");
            return true;

        } else {
            return false;
        };

    });    

}

The other functions mentioned directly return true without any issues.

Additionally, it's worth noting that I do receive the "ok" alert within the function when necessary.

javascript if-statement return

Answer 1

Answer №1

Your code needs restructuring to handle asynchronous AJAX calls properly. The anonymous function inside .done() is executed after functionAAA has already completed and returned undefined, as AJAX calls are asynchronous by nature.

To address this issue, you can utilize the promise returned by $.ajax and use .then():

function functionAAA(){
    return $.ajax({
        url: 'http://jsfiddle.net/echo/jsonp/',
        dataType: 'jsonp',
    });
}

functionAAA().then(function() {
    alert("111111111");
    if (functionBBB()){
        alert("2222222");
        if (functionCCC()){
            alert("333333333333");
        }            
    }
});

To see it in action, check out the demonstration on JSFiddle.

Answer 2

Your code needs restructuring to handle asynchronous AJAX calls properly. The anonymous function inside .done() is executed after functionAAA has already completed and returned undefined, as AJAX calls are asynchronous by nature.

To address this issue, you can utilize the promise returned by $.ajax and use .then():

function functionAAA(){
    return $.ajax({
        url: 'http://jsfiddle.net/echo/jsonp/',
        dataType: 'jsonp',
    });
}

functionAAA().then(function() {
    alert("111111111");
    if (functionBBB()){
        alert("2222222");
        if (functionCCC()){
            alert("333333333333");
        }            
    }
});

To see it in action, check out the demonstration on JSFiddle.

Answer 3

Answer №2

The outcome of your function is blank. Executing an asynchronous request and returning the response are incompatible — this defines the essence of asynchronicity. To execute additional tasks after the ajax call finishes, assign a callback to the function and invoke it instead of trying to return from the ajax handler.

Answer 4

The outcome of your function is blank. Executing an asynchronous request and returning the response are incompatible — this defines the essence of asynchronicity. To execute additional tasks after the ajax call finishes, assign a callback to the function and invoke it instead of trying to return from the ajax handler.

Answer 5

Answer №3

I've had success with the following script. Could you share your implementation of functionAA, BB, etc?

    <script>
    function functionAA() {
        return true;
    }
    if(functionAA()){
       alert("hello");
    }
    </script>

Answer 6

I've had success with the following script. Could you share your implementation of functionAA, BB, etc?

    <script>
    function functionAA() {
        return true;
    }
    if(functionAA()){
       alert("hello");
    }
    </script>

Answer 7

Answer №4

For improved efficiency, include the following code snippet in your script to ensure that your ajax call is synchronous and waits for the response before proceeding with further actions. This will allow you to verify the response and return a boolean value based on the outcome. As it stands, the current setup does not return any data.

async: false

Answer 8

For improved efficiency, include the following code snippet in your script to ensure that your ajax call is synchronous and waits for the response before proceeding with further actions. This will allow you to verify the response and return a boolean value based on the outcome. As it stands, the current setup does not return any data.

async: false

Answer 9

Answer №5

give it a shot...

 if (functionAAA()){
           alert("Testing 1,2,3");

           if (functionBBB()){
                          alert("Ready or not, here I come!");

              else if (functionCCC()){
                              alert("Houston, we have a problem.");

               }            
           }
       }

Answer 10

give it a shot...

 if (functionAAA()){
           alert("Testing 1,2,3");

           if (functionBBB()){
                          alert("Ready or not, here I come!");

              else if (functionCCC()){
                              alert("Houston, we have a problem.");

               }            
           }
       }

JavaScript function to evaluate true conditions

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Unable to open file after downloading via AJAX

What is the best way to include several IDs in a discord.js verification process?

Tips for updating and triggering useEffect when the router changes in React JS

Is there a reason why the Chrome browser doesn't trigger a popstate event when using the back

Triggering multiple functions by clicking on the Icon

Error: Unable to access the 'offsetTop' property of null

Having trouble with Vue's $route.push method not working when invoked from a method?

What is the reason for recursion not producing a new object as output?

Contrasting an array of items with an array of Objects

Executing a simulated onClick event in jQuery

Step-by-step guide on positioning an image to show at the bottom of a div

HTML - Using Tables to Add and Edit Rows

Can one access the method definition within a Visual Studio Code setup for an AngularJS project?

Retrieving the ID and value of a specific dropdown list using jQuery from an array of dropdown lists

Executing a closure within a promise's callback

Generate a hyperlink that directs to a page and triggers the expansion of an accordion section

Tips for successfully incorporating PHP dynamic parameters separated by commas into a JavaScript onclick function

ng-repeat not functioning properly with custom tabs

Arranging JSON data by a specific attribute using JavaScript

What is the best way to update an array in TypeScript when the elements are of different types and the secondary array has a different type as