Deferred using jQuery - when () with getJSON () callbacks

Question

I am trying to understand the when function and pending objects in jQuery.

 $.when($.getJSON('/echo/json', function () { console.log('sucess'); }, function () { console.log('error'); })).then(console.log('get JSON ready!'));

This example returns:

 get JSON ready! sucess

... but I want this callback to be successful first:

 sucess get JSON ready!

How can i do this?

+7

Lukasz R. Mar 20 '13 at 11:50

source share

2 answers

Try using .done (...) instead of .then (...). The jQuery documentation has examples.

+1

Louis ricci Mar 20 '13 at 11:56

source share

Fabrício matté · Accepted Answer · 2013-03-20T11:52:35+0000

You forgot the function wrapper - your code calls console.log right away instead of passing the callback function:

 .then(console.log('get JSON ready!'));

Must be:

 .then(function() { console.log('get JSON ready!'); });