[JavaScript知识库]React的网络请求发送-----React学习（二）

学前知识：

1、React本身只关注于页面，并不包含发送ajax请求的代码

2、前端应用需要通过ajax请求来与后台进行交互

3、react应用中需要集成第三方ajax库

4、常用的ajax库有jQuery和axios

在这里，我们使用axios：

安装依赖：

npm install axios --save

引入axios依赖：

import axios from 'axios'

axios的get操作：

axios.get('/user?ID=12345')
??.then(function?(response)?{
????console.log(response.data);
??})
??.catch(function?(error)?{
????console.log(error);
??});

axios.get('/user',?{
????params:?{
??????ID:?12345
????}
??})
??.then(function?(response)?{
??console.log(response);
??})
??.catch(function?(error)?{
????console.log(error);
??});

axios的post请求：

axios.post('/user',?{
??firstName:?'Fred',
??lastName:?'Flintstone'
})
.then(function?(response)?{
console.log(response);
})
.catch(function?(error)?{
console.log(error);
});