react课堂笔记八之获取服务器数据 axios插件 fetch-jsonp插件的使用

react获取服务器APi接口的数据:

    react中没有提供专门的请求数据的模块。但是我们可以使用任何第三方请求数据模块实现请求数据

    1、axios          https://github.com/axios/axios       axios的作者觉得jsonp不太友好,推荐用CORS方式更为干净(后端运行跨域)
          1、安装axios模块npm install axios  --save   /  cnpm install axios  --save

          2、在哪里使用就在哪里引入import axios from 'axios

          3、看文档使用

            axios.get('/users.axios')
            .then(function (response) {
                console.log(response);
            })
            .catch(function (error) {
                console.log(error);
            });

    2、fetch-jsonp    https://github.com/camsong/fetch-jsonp

            1、安装 npm install fetch-jsonp  --save

            2、import fetchJsonp from 'fetch-jsonp'

            3、看文档使用

            fetchJsonp('/users.jsonp')
            .then(function(response) {
              return response.json()
            }).then(function(json) {
              console.log('parsed json', json)
            }).catch(function(ex) {
              console.log('parsing failed', ex)
            })
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值