jQuery deferred的範側

by thomascsd

HTML

<div id="msg">
</div>
<div id="msg2">
</div>

JavaScript

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();
}