Heim  >  Artikel  >  Web-Frontend  >  Das Front-End erhält das Rückgabewertbeispiel des http-Statuscodes 400_Basic Tutorial

Das Front-End erhält das Rückgabewertbeispiel des http-Statuscodes 400_Basic Tutorial

亚连
亚连Original
2018-05-21 15:18:184518Durchsuche

Im Folgenden zeige ich Ihnen ein Beispiel dafür, wie das Front-End den Rückgabewert des http-Statuscodes 400 erhält. Lassen Sie mich es jetzt mit Ihnen teilen und es allen als Referenz geben.

lautet wie folgt:

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);
          })

Verwendungsszenario:

Wenn das Backend feststellt, dass die verifizierte Mobiltelefonnummer bereits existiert 400 wird zurückgegeben. Zu diesem Zeitpunkt müssen Sie zur Fehlerbedingung springen und die Rückgabedaten des Hintergrunds 400 wie oben abrufen.

Das Folgende ist der Rückgabewert von error.response:

Wenn der Fehler hier direkt ausgegeben wird, entspricht er error.message

Mit Statuscode 200 Rückgabewert:

Das Obige habe ich für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

JavaScript-Speicherverlustproblem in Versionen vor IE9 (detaillierte Zusammenfassung)

Designmuster Die Anwendung von Fassadendarstellungsmuster in der JavaScript-Entwicklung (fortgeschritten)

Tutorial zur Verwendung des Kombinationsmodus in der JavaScript-Designmusterentwicklung (fortgeschritten)

Das obige ist der detaillierte Inhalt vonDas Front-End erhält das Rückgabewertbeispiel des http-Statuscodes 400_Basic Tutorial. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn