前端笔记Vue项目day4(五）

 

fetchAPI 中 响应格式

• 用fetch来获取数据，如果响应正常返回，我们首先看到的是一个response对象，其中包括返回的一堆原始字节，这些字节需要在收到后，需要我们通过调用方法将其转换为相应格式的数据，比如JSON，BLOB或者TEXT等等

• [mw_shl_code=applescript,true]/*
        Fetch响应结果的数据格式
      */
      fetch('http://localhost:3000/json').then(function(data){
        // return data.json();   //  将获取到的数据使用 json 转换对象
        return data.text(); //  //  将获取到的数据 转换成字符串 
      }).then(function(data){
        // console.log(data.uname)
        // console.log(typeof data)
        var obj = JSON.parse(data);
        console.log(obj.uname,obj.age,obj.gender)
      })
  [/mw_shl_code]
• axios

  • 基于promise用于浏览器和node.js的http客户端

  • 支持浏览器和node.js

  • 支持promise

  • 能拦截请求和响应

  • 自动转换JSON数据

  • 能转换请求和响应数据

  •