「Axios 呼び出しが成功しても、対応するメッセージが表示されませんでした」

Question

成功した Axios 呼び出しの応答を取得し、成功メッセージを表示する方法がわかりません。

「ワークフロー順序の変更」というボタンがあり、これには onClick 機能があります。

リーリー

これは onClick 関数です。 changeWorkflowOrder 関数は Axios 呼び出しを実行します。

リーリー

Axios 呼び出しの成功応答をキャプチャし、Axios 呼び出しの応答が成功した場合は、HTML の span タグに成功メッセージを表示したいと考えています。メッセージは 4 秒間のみ表示する必要があります。 4 秒後、成功メッセージを非表示にする必要があります。

これを作成してみます。これが私が試したchangeWorkflowOrder関数です。

リーリー

このコードはエラー メッセージを正しく表示します。しかし、4秒後にエラーメッセージが表示され、「注文変更が正常に完了しました」メッセージが非表示にならないので、Axiosの通話応答キャプチャ部分が間違っていると思います。

Axios 呼び出しの応答をキャプチャし、HTML の Span タグ内に成功メッセージを 4 秒間表示するにはどうすればよいですか。

Answer 1

最初に API/Web サービス用の axios クライアント を作成することをお勧めします:

リーリー

次に、onclick 関数を書き直して遅延を実装します。この スタック オーバーフローの回答を参照してください :

リーリー