Changed variable value not available outside ajax request - jQuery

Question

I have multiple fields in a form with same name, and I pass these values into ajax as;

$('#mybutton').click(function(){

  var flag = 0;

  $('input[name="myfield"]').each(function(){
    var current = $(this);
    var item = $.trim(current.val());
    if(item != ""){

      $.ajax({
        type: 'POST',
        url: 'ajaxhandler.php',
        data: 'myitem='+item,
        cache: false,
        success: function(result) {
          if(result == "true"){
            flag++;
          }
          alert("stage1 = "+flag);//returns flag (1,2,3 etc)
        }
      });

    }
  });

  alert("stage2 = "+flag);//returns 0. But I need same value as on the flag above
});

The flag is set to count the number of valid items, and is collected for further use. But outside ajax block, its not available. How can I solve this?

simple answer it is asynchronous so you can't do it like that — Arun P Johny, Dec 27 '13 at 09:17

Khamidulla · Answer 1 · 2013-12-27T09:30:54.930

2

Your flag variable is local variable which declared inside of click event handler. And it will not be visible to outside of event handler. So you should simply declare it outside of event handler. If you want to use it inside of click event itself you can make your ajax query async:false or create function and call it after ajax call done.

edited Dec 27 '13 at 09:30

answered Dec 27 '13 at 09:19

Khamidulla

2,927
6
35
59

1

cant you see that everything is inside the click() – Alfred Dec 27 '13 at 09:25
I saw. Read second part of my answer. Or create function inside of click event. And call this function inside of success of ajax. – Khamidulla Dec 27 '13 at 09:26

score 1 · Accepted Answer · answered Dec 27 '13 at 09:28

1

EDIT:

As the Ajax request is asynchronous then the alert("stage2 = "+flag); Is called right after your ajax call without waiting for the response. That is why flag=0

answered Dec 27 '13 at 09:28

Merlin

4,907
2
33
51

Your are right, I've update my answer wich is not really a solution but might help to understand Ajax Call.. – Merlin Dec 27 '13 at 09:34

Changed variable value not available outside ajax request - jQuery

2 Answers2