React学习四（axios、fetch的使用）

---

一、axios模块

      axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
      可以提供以下服务：

1、从浏览器中创建XMLHttpRequest，该对象是ajax(异步请求)的核心
2、从node.js创建http请求
3、支持PromiseAPI
4、拦截请求和响应
5、转换请求数据和响应数据
6、取消请求
7、自动转换JSON数据
8、客户端支持防御XSRF

1、使用方法

（1）axios的安装

npm install axios

（2）五种请求

①get请求

不带参数

//第一种
axios({
   method:'get',url:'url地址'})
	.then((res)=>{
     //请求成功后的处理
		//'res'是服务器返回的响应数据
	})
	.catch((err)=>{
    //请求失败后的处理
		//err是请求失败后的信息
	})
//第二种
axios.get('/url')
	.then(res=>{
   
	})
	.catch(err=>{
   
	})

带参数

      在服务器端获取请求参数的方式：req(request).query.参数名。

//第一种
axios.get('/url', {
   params: {
   id : 12}})//id为参数名，12为参数值
	.then(res => {
    
		console.log(res)
	}).catch(err => {
   
		console.error(err);
	})
//请求的地址实际为：http://localhost:8080/url?id=12

//第二种
axios({
   
	methods: 'get',
	url: 'url',
	params: {
   
		id:12//id为参数名，12为参数值
	}
}).then(res => {
   
	console.log(res)
}).catch(err => {
   
	console.error(err);