Axios是AJAX的封装,基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
$npm install -save axios
在项目中安装好Axios后,可以在项目中引用:
import axios from 'axios'
引用后可以在componentDidMount
生命周期函数里请求AJAX。
在render
里执行,就会一直渲染,给后端很多压力;在componentWillMount
里执行,在使用RN时又会有冲突。
来个栗子
componentDidMount(){
axios.get('接口URL')
.then((res)=>{
console.log('axios 获取数据成功:'+JSON.stringify(res))
this.setState({
list:res.data.data
})
})
.catch((error)=>{console.log('axios 获取数据失败'+error)})
}
网友评论