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

亚连
リリース: 2018-05-21 15:18:18
オリジナル
4524 人が閲覧しました

次に、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!