How to get Ajax Reponse out of callback?

Asked Jun 25 '17 at 10:57

Active Jun 25 '17 at 10:57

Viewed 22 times

What I am trying to do is to get ajax response out of the success callback.

var form_data = new FormData($('#formDatas')[0]);

$.ajax({
    type:'POST',
    url:'/some/url/',
    processData: false,
    contentType: false,
    async: false,
    cache: false,
    data : form_data,
    success: function(response) {
      var fonts = response.fonts; 
    }
});

alert(fonts);

I am aware that the code above does not work since the variable is locally defined inside its own function, but how can I get it out ?

asked Jun 25 '17 at 10:57

Horai Nuri

5,358
16
75
127

*"how can I get it out?"* - You don't. Do the work in the callback. – Tomalak Jun 25 '17 at 11:01
You could use a promise... – Sampgun Jun 25 '17 at 11:02
@TonySamperi That's still "doing the work in the callback". – Tomalak Jun 25 '17 at 11:03
1

Even that it would be possible to get the `font` because you use `async: false`, you should never use `async: false`. – t.niese Jun 25 '17 at 11:06
@t.niese What's the problem using `async: false` ? – Horai Nuri Jun 25 '17 at 11:12
1

@Lindow it will completely block/freeze the browser window until the request is finished and this is in general bad for user experience. There are only a few rare cases where `async: false` might be of use, but in general you should not use it. – t.niese Jun 25 '17 at 11:22
@t.niese alright, thanks ! – Horai Nuri Jun 25 '17 at 11:28
`async: false` is also deprecated by browser vendors and you will see console warnings now when you use it – charlietfl Jun 25 '17 at 11:34
Note that `var` declared inside `success` will not be accessible outside of that function irregardless of asynchronicity – charlietfl Jun 25 '17 at 11:36
@charlietfl alright, I'll have to do in inside then – Horai Nuri Jun 25 '17 at 11:38

How to get Ajax Reponse out of callback?

0 Answers0