javascript - 如何解析利用fetch请求的数据
阿神
阿神 2017-04-11 11:24:27
0
2
639

描述:
利用fetch发起一个ajax请求,请求api返回的用户信息,response中的body并没有我所需要的json信息,查看资料,fetch()请求获取的内容是一个 Stream 对象,这个Stream对象如何解析,最终拿到body中的json信息

var url='http://api.com/getUserInfo';
  fetch(url,{
      method:'GET',
      mode:'cors',// 避免cors攻击
      credentials: 'include'
  }).then(function(response) {
      //打印返回的json数据
      //console.log(response)  //状态信息
      //console.log(response.json())   //一个promise对象
      //console.log(response.json().data) //报错了
      //如何打印出body中的json信息
      
       response.json().then(function(data){
          console.log(data);
       });
  }).catch(function(e) {
      console.log("Oops, error");
});

继续then,就可以打印出数据

response.json().then(function(data){
       console.log(data);
});
阿神
阿神

闭关修行中......

reply all(2)
黄舟
var url='http://api.com/getUserInfo';
  fetch(url,{
      method:'GET',
      mode:'cors',// 避免cors攻击
      credentials: 'include'
  }).then(function(response) {
      //打印返回的json数据
      response.json().then(function(data){
        console.log(data);
      }); 
  }).catch(function(e) {
      console.log("Oops, error");
});
Ty80

你都知道response.json()是promise了,还不知道怎么取数据吗

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template