非同步 JS 訓練一：第3課 ── 認識 async/await 語法

認識 async/await 語法

by hung19091

HTML

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
尊貴的客戶您好，您上次的消費內容是：<p>
訂單編號：<span id="id"/><p>
訂單內容：<span id="content"/><p>
訂單金額：<span id="amount"/><p>
希望這次也能有機會服務您！<p>

JavaScript

const main = async () => {
  const data1 = await $.get("https://codelove.tw/fake-api/get-current-user", {});
  let user_id = data1.data.user.id;

  const data2 = await $.get("https://codelove.tw/fake-api/get-orders", {
    user_id
  });
  let order_id = data2.data.orders.length;

  const data3 = await $.get("https://codelove.tw/fake-api/get-order-details", {
    order_id
  });
  
  $('#id').text(data3.data.order.id);
  $('#content').text(data3.data.order.content);
  $('#amount').text(data3.data.order.amount);
}

main();