jquery exit function in ajax call

Question

Is there a way to exit a function, depending on the result of an GET request.

For example, in the below function, hi, if the GET results in data, where data === '1', I want to exit the function.

function hi () {
    $.ajax({
        url: "/shop/haveItem",
        type: "GET",
        success: function (data) {
            if (data == '1') {
                // exit hi() function
            }
        }
    });
    // some executable code when data is not '1'
}

How can I go about accomplishing this?

royhowie · Accepted Answer · 2015-05-12 04:13:17Z

9

I think the solution can be something like this

function hi () {
    $.ajax({
        url: "/shop/haveItem",
        type: "GET",
        success: function (data) {
            if (data == '1') {
                ifData1();
            } else {
                ifDataNot1()
            }
        }
    });
}
function ifData1 () { /* etc */ }
function ifDataNot1 () { /* etc */ }

If you have an ajax function, you should always work with callback functions. If you make an ajax function synchronous, then the browser will be blocked for the duration of ajax call. Which means that the application will remain non-responsive during the duration of the call.

edited May 12, 2015 at 4:13

royhowie

11.2k14 gold badges54 silver badges67 bronze badges

answered Dec 23, 2010 at 6:28

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

Arun P Johny Over a year ago

Sorry, a copy mistake I think, I'll remove it

TimNguyenBSM · Accepted Answer · 2015-05-12 04:04:01Z

2

You should be able to return false to simulate "exit".

function hi()
{
    $.ajax({
            url: "/shop/haveItem",
            type: "GET",
            async:false,
            success: function(data){
                if(data == '1')
                    return false
            }
        });

    //some executable code when data is not '1'
    ...
}

answered May 12, 2015 at 4:04

TimNguyenBSM

8272 gold badges15 silver badges34 bronze badges

1 Comment

nodeffect Over a year ago

I think this is one of the best answer. It works and it's simple.

Shamim Hafiz - MSFT · Accepted Answer · 2010-12-23 05:45:09Z

0

One thing you can do is have a flag variable. Assign it to true or false, depending on if you want to exit or not.

function hi()
{
var flag=false;    
$.ajax({
            url: "/shop/haveItem",
            type: "GET",
            async:false,
            success: function(data){
                if(data == '1')
                    flag=true;
            }
        });
if ( flag ) return;
    //some executable code when data is not '1'
    ...
}

answered Dec 23, 2010 at 5:45

Shamim Hafiz - MSFT

22.2k44 gold badges122 silver badges183 bronze badges

2 Comments

Arun P Johny Over a year ago

Making an ajax call asynch may not be the best solution. It will block the application for the duration of the ajax call

Jinbom Heo Over a year ago

unless async false, falg variable can not catch ajax return value. but i also think I'd better finding another solution

KraigBalla · Accepted Answer · 2012-12-19 06:53:28Z

0

Creating a global flag variable I think would work the best. Tested and working!!

window.flag = [];

function hi()
{
    $.ajax({
        url: "/shop/haveItem",
        type: "GET",
        async:false,
        success: function(data){
            if(data == '1')
                flag = true;
        }
    });

    if (flag) {
        return false; 
    }


//some executable code when data is not '1'
...
}

answered Dec 19, 2012 at 6:53

KraigBalla

3632 gold badges6 silver badges14 bronze badges

Collectives™ on Stack Overflow

jquery exit function in ajax call

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related