前端获取http状态码400的返回值实例

所属分类: 网络编程 / CSS/HTML 阅读数: 497
收藏 0 赞 0 分享

如下所示:

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('Error', error.message);
            console.log(error.config);
          })

使用场景:

当后端判断验证的手机号已存在的时候会返回400,这时需要跳到error条件中,得到后台400的返回数据如上。

以下是error.response返回值:

这里如果直接输出error,等于error.message

附状态码为200的返回值:

以上这篇前端获取http状态码400的返回值实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

html小技巧之td,div标签里内容不换行

这篇文章主要介绍了td,div标签里内容不换行的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

纯CSS实现鼠标放上去改变文字内容

这篇文章主要介绍了纯CSS实现鼠标放上去改变文字内容,需要的朋友可以参考下
收藏 0 赞 0 分享

li中插入img图片间有空隙的解决方案

在li中纯放图片img,出现的bug是图片之间有3px的间隙,给li加高度也无效,解决图片间有空隙方法如下:
收藏 0 赞 0 分享

CSS3中Transition属性详解以及示例分享

CSS3中的过渡Transition有四个中心属性:transition-property、transition-duration、transition-delay和transition-timing
收藏 0 赞 0 分享

父div高度不能自适应子div高度的解决方案

这篇文章主要介绍了父div高度不能自适应子div高度的解决方案,需要的朋友可以参考下
收藏 0 赞 0 分享

告别AJAX实现无刷新提交表单

通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。
收藏 0 赞 0 分享

从零学CSS系列之文本属性

这个系列是CSS的一些基础知识和简单的教程案例,小编整理出来,希望对大家有所帮助
收藏 0 赞 0 分享

HTML <!DOCTYPE> 标签

在默认情况下,FF和IE的解释标准是不一样的,也就是说,如果一个网页没有声明DOCTYPE,它就会以默认的DOCTYPE解释下面的HTML。在同 一种标准下,不同浏览器的解释模型都有所差异,
收藏 0 赞 0 分享

CSS3+Js实现响应式导航条

今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的Media Query。
收藏 0 赞 0 分享

CSS3实例分享之多重背景的实现(Multiple backgrounds)

对于背景属性background-image大家应该已经很熟悉了,在CSS2中与它相关的属性还有background-repeat(设置背景是否重复及重复的方式)、background-position(设置背景图片在容器中的位置)、background-attachment(设
收藏 0 赞 0 分享
查看更多