How to use the value from Ajax success

Question

The aim is to get the value from the Ajax success and use it in another function;

I have attached the code below:

Code:

 let neededvalue;
$(function(callback){

 $.ajax({
 type:'GET',
 url: 'getfile.php',

 data:{
   'file':file,

   },
 success: function(data){
 neededvalue = data.split(",");    // 24,23,100,106

 console.log(neededvalue[0])      //23
 console.log(neededvalue[1])      //24
 console.log(neededvalue[2])      //100
 console.log(neededvalue[3])      //106

 $('#img01').selectAreas({
   onChanged: debugQtyAreas,
   maxAreas:1,
   areas: [
              {
                x: neededvalue[0],
                y: neededvalue[1],
                width: neededvalue[2],
                height: neededvalue[3],
              }
            ],

     parent: $('#myModal'),

 });
     callback(neededvalue);

 }

})
})

In the above code, when I checked the values of neededvalue that i received from ajax Get, it prints the correct values in the log. I added those values to the side of the variables in the code above. The problem that I face is when I try to use the values of neededvalue[0],neededvalue[1],neededvalue[2],neededvalue[3] and use them inside the function selectareas. I could not place the values from 'neededvalue' to variables x, y , width and height.

I tried to run the code with direct values to variables inside selectareas i.e., x=23, y=24, width =100 and height=106 and I was able to make the box over the image.

But I dont know why I can not use the values of "neededvalue" and assign it to the variables of selectareas x,y,width and height.

Can someone help me to fix this issue and help me assign the values from ajax success function to SelectAreas function

This is a very popular question that comes from a misunderstanding of asynchronous programming. Please see the duplicate question to understand why you cannot just return or assign a variable inside an async callback in this way. — elclanrs, Nov 30 '20 at 02:17
@elclanrs please dont close this question, I tries with the Callback but still I dont get the result, Can you please help — Joskaa, Nov 30 '20 at 02:32

Apple Yellow · Answer 1 · 2020-11-30T06:17:03.700

0

I hope code below help for you.

 $.ajax({
 type:'GET',
 url: 'getfile.php',

 data:{
   'file':file,

   },
 success: function(data){
   var neededvalue = data.split(",");    // 24,23,100,106

//you run check value exists
$.each(neededvalue, function(i,v){
    console.log(v);
})

//you create array object
var newobj = {};
    newobj.x = neededvalue[0];
    newobj.y = neededvalue[1];
    newobj.width= neededvalue[2];
    newobj.height = neededvalue[3];

var newarr = [];
   newarr.push(newobj);
 $('#img01').selectAreas({
   onChanged: debugQtyAreas,
   maxAreas:1,
   areas: newarr,
   parent: $('#myModal'),

 });
 }
})

edited Nov 30 '20 at 06:17

answered Nov 30 '20 at 03:31

Apple Yellow

307
1
2
7

From the above code, there is a small error, the values of neededvalue[0] and neededvalue[1] are not being assigned. I dont know why. neededvalue[0] and needed value[1] are not assigned but neededvalue[3] and neededvalue[2] are assigned. Can you help me fix this – Joskaa Nov 30 '20 at 04:09
Are you sure that data return is "// 24,23,100,106". – Apple Yellow Nov 30 '20 at 06:06
yes the data returns that value – Joskaa Nov 30 '20 at 11:55
you run $.each(neededvalue, function(i,v){ console.log(v); }) to view log – Apple Yellow Nov 30 '20 at 14:16
where should i add this line of code – Joskaa Nov 30 '20 at 14:30
I have edited new answer you can see in that. – Apple Yellow Nov 30 '20 at 14:32
the console log prints the value , but u assign it to the newobj.x and newobj.y , I think its not getting assigned – Joskaa Nov 30 '20 at 14:47
You might sent me picture u run code. because i set objnew.x = neededvalue[0]. U console log objnew.x to see value – Apple Yellow Nov 30 '20 at 15:03
i can send you the file can you see it , we have shidt this conversation in chat – Joskaa Nov 30 '20 at 15:32
Ok. You might send to me file. – Apple Yellow Dec 01 '20 at 01:00
can u change this into chat so I can send you the file – Joskaa Dec 02 '20 at 11:38
Do you have skype? You might sent file to me from it. – Apple Yellow Dec 03 '20 at 02:38
yes, send m ur id – Joskaa Dec 03 '20 at 15:26
m skype: live:kiojotoka1 or https://join.skype.com/invite/RClQsBxL5ZHM – Apple Yellow Dec 04 '20 at 08:25

How to use the value from Ajax success

1 Answers1