getData1() .then(msg => $('#msg').html(msg)) .then(() => getData2()) .then(msg => $('#msg2').html(msg)); function getData1(){ const dfd = jQuery.Deferred(); const url = 'https://jsonplaceholder.typicode.com/posts/2'; $.get(url, ret => dfd.resolve(ret.msg)); return dfd.promise(); } function getData2(){ const dfd = jQuery.Deferred(); const url = 'https://jsonplaceholder.typicode.com/posts/3'; $.get(url, ret => dfd.resolve(ret.msg)); return dfd.promise(); }
<div id="msg"> </div> <div id="msg2"> </div>