Vue学习（四）——前后端交互模式

Vue学习（四）——前后端交互模式

一、前后端交互模式

1、接口调用的方法

（1）原生ajax

（2）基于Jquery的ajax

（3）fetch

（4）axios

2、HTTP请求方式

(1)GET 查询

(2)POST 添加

(3)PUT 修改

(4)DELETE 删除

二、Promise用法

promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，从它可以获取异步操作的消息

使用Promise主要的好处：（1）可以避免多层异步调用嵌套问题（回调函数）

​ （2）Promise 对象提供了简洁的API,使得控制异步操作更加容易

1、Promise的基本用法

（1）实例化Promise对象，构造函数中传递函数，该函数中用于处理异步任务

（2）resolve和reject两个参数用于处理成功和失败两种情况，并通过p.then获取结果

基本结构：

var p =new Promise(function(resolve,reject){
//这里用于实现异步任务
//成功时调用resolve()
//失败时调用reject()

});
p.then(function(ret){
//从resolve得到正常结果
}，function(ret){
//从reject得到错误信息
})

例子：

var p =new Promise(function(resolve,reject){
setTimeout(function(){
var flag = true;
if(flag){
//正常情况下
resolve('hello');
}else{
reject('出错了')
}
}，1000)；
})；
p.then(function(data){
console.log(data);
},funct