Get variables after ajax finishes

Get variables after ajax finishes

I'm trying to get at variables returned from an ajax.  Found out that those variables aren't available outside the function, so I wrote those variables to data attributes & then trying to call those later.

  2. function myajaxcall() {
  3.     var v = new Array();
  4.     $.ajax({
  5.       url: "pathto/check.php",
  6.       dataType: "json"
  7.     }).done (function(check) {
  8.       v = check;
  9.       console.log('v Inside: ' , v); // Getting correct values, BUT it's running twice, for some reason?
  10.       $('#mycheck').attr({'data-uflag': v.uflagexists, 'data-cflag': v.cflagexists});
  11.     });
  12.   }
  13.  myajaxcall();
  14.   $.when(myajaxcall()).done(function() {  // USED WHEN DONE TO INSURE DATA VARIABLES ARE AVAILABLE
  15.     console.log('Done running');
  16.     var uflagcheck = $('#mycheck').attr('data-uflag');
  17.     console.log('Uflagcheck: ' + uflagcheck);  // GETTING DEFAULT VALUE OF '#' FOR DATA
  18.     if (uflagcheck == true) {
  19.       console.log('Uflagcheck is True');
  20.       ...
  21.     }
  22. });

This is the order I want things to run:
 - ajax call (done assigns the data attributes)
 - other code runs after ajax & uflagcheck picks up data value to use in later conditionals

Attached a screenshot of the v values, which are correct.

How do I get this stuff to run in proper order & pull the values correctly?