ホームページ  >  に質問  >  本文

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

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

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

リーリー

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

リーリー

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

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

リーリー

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

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

P粉399090746P粉399090746402日前569

全員に返信(1)返信します

  • P粉884667022

    P粉8846670222023-09-14 00:16:16

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

    リーリー

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

    リーリー

    返事
    0
  • キャンセル返事