フロントエンドがhttpステータスコード400の戻り値を取得する例_基本チュートリアル

次に、httpステータスコード400の戻り値を取得するフロントエンドの例を紹介します。今からそれを皆さんと共有し、皆さんの参考にしてください。

以下に示すように:

axios.get("/check_mobile_and_sent_code",{withCredentials:true,params:{mobile:formInline.mobile}}).then(res=>{
            console.log(res);
            //if(res.result==true){
              if (!this.timer) {
                this.count = this.TIME_COUNT;
                this.show = false;
                this.timer = setInterval(() => {
                  if (this.count > 0 && this.count <= this.TIME_COUNT) {
                    this.count--;
                  } else {
                    this.show = true;
                    clearInterval(this.timer);
                    this.timer = null;
                  }
                }, 1000)
              }
            //}
          }).catch(error=>{
            console.log(error.response.data);
            console.log(error.response.status);
            console.log(error.response.headers); 
            console.log(&#39;Error&#39;, error.message);
            console.log(error.config);
          })

使用シナリオ:

検証された携帯電話番号がすでに存在するとバックエンドが判断すると、400 が返されます。このとき、エラー状態にジャンプして取得する必要があります。バックエンド 400 は上記のようにデータを返します。

以下はerror.responseの戻り値です:

ここでエラーが直接出力される場合、それはerror.messageと同等です

ステータスコード200の戻り値を添付します:

上記は皆さんのためにまとめたものです。将来皆さんのお役に立てれば幸いです。

関連記事:

IE9以前のバージョンにおけるJavaScriptのメモリリーク問題(詳細まとめ)

JavaScript開発におけるデザインモードでのファサード外観モードの適用(上級)

JavaScriptの設計チュートリアルパターン開発（上級）でのパターンの組み合わせ

以上がフロントエンドがhttpステータスコード400の戻り値を取得する例_基本チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。