Access return value of JQuery/AJAX on a different function

Question

I want to access the returned boolean of my function on another function.

$('.asset_edit').change(function(){
        var asset_id=$(this).attr('id');
        var asset=$("#"+asset_id).val();

        var dataString = "device="+device+"&asset="+asset;

        $.ajax({
            type: "POST",
            url: "<?php echo site_url('c_device/check_assetCode'); ?>",
            data: dataString,
            cache: false,
            success: function(html){
                if(html)
                    return true;
                else
                    return false;
            }
        });
    });

Is there a way where I could access the "return true or return false" on my $(".edit_tr").click(function() function?

In Javascript you just call the certain function name but in jQuery, I have no idea how to.

Ah, the question asked 100 times a day. It can not be done because the Ajax call you are using is asynchronous. — epascarello
– epascarello, Commented Feb 18, 2014 at 15:04
You can change a variable asynchronously, the variable will be changed when the success event is fired. — user1477388
– user1477388, Commented Feb 18, 2014 at 15:06

Hüseyin BABAL · Accepted Answer · 2014-02-18 15:14:24Z

1

You can use global variable;

var global_status;
$('.asset_edit').change(function(){
        var asset_id=$(this).attr('id');
        var asset=$("#"+asset_id).val();

        var dataString = "device="+device+"&asset="+asset;

        $.ajax({
            type: "POST",
            url: "<?php echo site_url('c_device/check_assetCode'); ?>",
            data: dataString,
            cache: false,
            success: function(html){
                if(html) {
                   global_status="true";
                   return true;
                }
                else {
                    global_status="false";
                    return false;
                }
            }
        });
    });

$(".edit_tr").click(function() {
   alert(global_status);
})

Here is a working demo: http://jsfiddle.net/vWkjr/1/

While testing, first click edit and see undefined, and then select value from selectbox and click edit.

edited Feb 18, 2014 at 15:14

answered Feb 18, 2014 at 15:05

Hüseyin BABAL

15.6k5 gold badges53 silver badges74 bronze badges

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

4 Comments

Hüseyin BABAL Over a year ago

But first, you need to trigger change event. First trigger that and global_status will be set.

musefan Over a year ago

This is the right way to go, but I would recommend some validation in the click event. Perhaps check if the value is set, and if not alert "waiting for ajax to complete, try again later"

musefan Over a year ago

@epascarello: I upvoted, and nobody is suggesting you can return a value to the original calling function. This solution provides a method to set a result value that can be accessed from another method - which is what is being asked

Hüseyin BABAL Over a year ago

@Mel Sy Gallosa I have added js fiddle for example

Muthu · Accepted Answer · 2014-02-18 17:24:27Z

1

insted of using return value you can add a class specifying html or not to the element it self. or you can declare a global variable and assign the value to it.

$('.asset_edit').change(function(){
    var asset_id=$(this).attr('id');
    var asset=$("#"+asset_id).val();

    var dataString = "device="+device+"&asset="+asset;

    $.ajax({
        type: "POST",
        url: "<?php echo site_url('c_device/check_assetCode'); ?>",
        data: dataString,
        cache: false,
        success: function(html){
            if(html)
                $(this).addClass('ishtml');
            else
                $(this).addClass('nothtml');
        }
    });
});

And this class can be accessed with in other functions. like

function somefunction(){
    if($('.asset_edit .ishtml ').length){
          //true then do something
      }else{
          //false then do something
      }
}

edited Feb 18, 2014 at 17:24

answered Feb 18, 2014 at 15:10

Muthu

1,0321 gold badge7 silver badges17 bronze badges

1 Comment

musefan Over a year ago

It would be more helpful if you provided an example solution along with your theory. That would make for a more complete and useful answer

Collectives™ on Stack Overflow

Access return value of JQuery/AJAX on a different function

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related