チャットの返答前に処理一覧を表示させたいので、Promiseで以下のように書ければ良い
console.log("処理開始"); new Promise((resolve, reject)=> { console.log("送信者のメッセージをDBへインサート処理"); list(); setTimeout(function(){ resolve(); }, 2000); }).then(function(value){ console.log("API回答メッセージをDBへインサート処理"); list(); }).catch((data) => console.log(data) ).finally(() => console.log("処理終了")); async function list(){ console.log("DBからリストを表示"); }
あとは(1)JavaScriptからPHP側にデータをどのように送るか、(2)DBからデータを取得するかを考える