async/ await的範列

by thomascsd

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/typescript/2.6.2/typescript.js"></script>
<div id="msg">
</div>
<div id="msg2">
</div>

TypeScript

main();

async function main(){
    const title = await getData1();
    $('#msg').html(title);
    
    const title1 = await getData2();
    $('#msg2').html(title1);
}

function getData1() {
    const url = 'https://jsonplaceholder.typicode.com/posts/6';
    return new Promise((resolve, reject) => {
        $.get(url, ret => resolve(ret.title));
    });
}

function getData2() {
    const url = 'https://jsonplaceholder.typicode.com/posts/7';
    return new Promise((resolve, reject) =>{
        $.get(url, ret => resolve(ret.title));
    });
}