Ajax和axios两者的区别和使用

Ajax的使用

$.ajax({
　　url: '接口地址',
　　type: 'get', //或者post　　 请求类型
　　dataType: 'json',
　　data: { // 要发送的请求参数
　　　　'username' : 'xxx',
　　　　'password' : 'xxx'
　　},
　　success : function (response) {
　　　　console.log(response); // 请求返回的数据
　　}
})

axios使用

axios({
　　url: '接口地址',
　　method: 'get', //或者 post    请求类型
　　responseType: 'json', //默认格式，如果就是 json 格式可以不写
　　data: {
　　　　'username' : 'xxx',
　　　　'password' : 'xxx'
　　}
}).then( function(response){ // 请求正确返回的数据
　　console.log(response);
　　console.log(response.data);
}).catch( function(error) { // 请求错误返回的数据
　　console.log(error);
})

两者主要的区别在于：axios是通过promise实现对ajax技术的一种封装，就像JQuery实现ajax封装一样。简单来说就是：ajax技术实现了网页的局部数据刷新，axios实现了对ajax的封装。也就是说，jQuery 将请求技术进行了封装 变成了 ajax , 而通过 promise 又把 ajax 进行封装就成了 axios。