「モダンな」js を作成し、async/await を使用してコールバックと約束を回避しようとしています。しかし、私はそれがどのように機能するかを完全に理解している必要はありません。「次の」関数は、実行前に最初の関数が完了するまで待機すると思いました。
私のアプリケーションでは、4 つの関数はすべて MySQL DB への ajax 呼び出しであり、レコードを更新し、他のデータを選択し、DOM に書き込む新しい html テーブルを作成します。
4 つの関数がランダムな順序で終了しているため、インターフェイスが正しくありません。ページ全体を更新すると問題は解決しますが、定義した順序で関数が実行されて終了する場合、インターフェイスは正しいでしょう。
async function reloadAllTable(workOrderId,statusId) {
await techSelectTable(workOrderId);
await updateWOStatus(workOrderId,statusId);
await loadWOScheduled(statusId);
await loadWOAssigned(statusId);
}
reloadAllTable(workOrderId,statusId);