zoukankan      html  css  js  c++  java
  • 当后端返回的数据格式出问题时

    当后端返回的数据格式出问题时:

    本来res.data应该是个对象,然后某次出现了字符串

    JSON.parse转换还失败:

    一看对象的某个键的值为NaN(其实是数据的问题),导致返回值不是合法的json格式;

    然后就进行了粗鲁的处理:

     res=>{
                if(typeof res.data!=='string'){
                  if(res.data.code==='200'){
                    this.tableDataAll=res.data.result.concat()
                    this.tableData=this.tableDataAll.slice(0,this.pageSize)
                    this.total=this.tableDataAll.length
                    this.loading=false
                  }else{
                    this.loading=false
                    this.$message({
                      message:'数据加载失败!',
                      type:'error',
                      duration: 2000,
                    });
                  }
                }else {
                  let origStr=res.data
                  let replaceStr=origStr.replace(/NaN/g,"-")
                  // console.log('转码',replaceStr)
                  let trueDate =JSON.parse(replaceStr)
                  // console.log('trueDate',trueDate)
                  if(trueDate.code==='200'){
                    // this.total=res.data.result['total_num']
                    this.tableDataAll=trueDate.result.concat()
                    this.tableData=this.tableDataAll.slice(0,this.pageSize)
                    this.total=this.tableDataAll.length
                    this.loading=false
                  }else{
                    this.loading=false
                    this.$message({
                      message:'数据加载失败!',
                      type:'error',
                      duration: 2000,
                    });
                  }
                }

     精简一下:

           if(typeof res.data==='string'){
                  let replaceStr=res.data.replace(/NaN/g,"-")
                  // console.log('转码',replaceStr)
                  res.data =JSON.parse(replaceStr)
                }
                if(res.data.code==='200'){
                  this.tableDataAll=res.data.result.concat()
                  this.tableData=this.tableDataAll.slice(0,this.pageSize)
                  this.total=this.tableDataAll.length
                  this.loading=false
                }else{
                  this.loading=false
                  this.$message({
                    message:'数据加载失败!',
                    type:'error',
                    duration: 2000,
                  });
                }
    (*╹▽╹*)几何柒期的blog
  • 相关阅读:
    手机端页面自适应解决方案
    每日一算法之拓扑排序
    C++顺序容器类总结
    c++ 运算符优先级
    CUDA获取显卡数据
    第一个CUDA程序
    C++有关类的符号总结
    shell编程的一些例子5
    shell编程的一些例子4
    shell编程的一些例子3
  • 原文地址:https://www.cnblogs.com/nuonuo-D/p/11424738.html
Copyright © 2011-2022 走看看