• JS中axios使用注意点


        今天遇到这样一个问题,前端会同时弹出成功和失败的两个提示框,由于不是本人操作,也没有怀疑是前端代码的问题,就索性根据后端的日志作为分析依据,开始个人以为是后端接口上班了两次结果,一个是成功,另外一个是失败;但是经过对后端日志详细分析后发现后端的运作流程一切正常,没有发现异常的流程,这下就犯难了,又开始怀疑是不是快速操作导致的,可能是网络延迟导致前一个的结果还没送达,而第二次的结果就送达了,若是这样解释的话,也是可以理解的。后来又听说这现象是必现的,那总不可能都是网络原因吧。于是只好检查前端代码了,由于这些代码是其他同事很早之前写的,也没有怀疑会有逻辑和语法错误,一边梳理一遍自测,正好遇到同时弹出成功和失败的两个提示框,按下F12,一看console内容,提示有个变量是未定义的,一看代码原来是语法错误,在axios的then中使用了this对象,用this引用属性,导致抛出异常,就这么一个低级错误,隐藏这么深,不起眼,浪费我耗时这么久才发现,通过变量替换就可以了,用self替换this即可。

        小结:个人觉得在函数体的开头最好定义let self=this,在函数体的其它地方统一使用self访问属性和方法,避免低级错误的发生。

    20191108闪

  • 相关阅读:
    链接的具体内容
    多线程下载图片
    Commo*IO组件的简单应用
    文件分割
    mybatis动态sql
    ajax请求与json数据处理
    ModelAndView 配置与使用
    div塌陷,以及页面常用属性
    EasyUI 时间插件使用配置
    Editor富文本编辑器配置【不含图片上传】
  • 原文地址:https://www.cnblogs.com/bien94/p/11823292.html
Copyright © 2020-2023  润新知