getData1() .then(msg => $('#msg').html(msg)) .then(() => getData2()) .then(msg => $('#msg2').html(msg)); function getData1() { const url = 'https://jsonplaceholder.typicode.com/posts/4'; return new Promise((resolve, reject) => { $.get(url, ret => resolve(ret.title)); }); } function getData2() { const url = 'https://jsonplaceholder.typicode.com/posts/5'; return new Promise((resolve, reject) =>{ $.get(url, ret => resolve(ret.title)); }); }
<div id="msg"> </div> <div id="msg2"> </div>