console成都重庆
作者：互联网
axios和ajax的差异：1、axios是一个根据Promise的HTTP库，而ajax是对原生XHR的封装；2、ajax技能结束了部分数据的改写，而axios结束了对ajax的封装。
本文操作环境：windows7体系、ECMAScript 6版、Dell G3电脑。
axios和ajax的差异是什么?
axios和ajax的差异及优缺点:
ajax：
1、什么是ajax
Ajax是对原生XHR的封装，为了抵达咱们跨越的意图，增添了对JSONP的支撑。
异步的javascript和xml，ajax不是一门新技能，而是多种技能的组合，用于快速的创立动态页面，能够结束无改写更新数据然后进步用户领会。
2、ajax的原理？
由客户端央求ajax引擎，再由ajax引擎央求服务器，服务器作出一系列照顾之后回来给ajax引擎，由ajax引擎决定将这个效果写入到客户端的什么方位。结束页面无改写更新数据。
3、核心目标？
XMLHttpReques
4、ajax优缺点？
长处
1、 无改写更新数据
2、异步与服务器通讯
3、前端和后端负载平衡
4、根据标准被广泛支撑
5、界面与使用分离
缺点：
1、ajax不能运用Back和history功用，即对浏览器机制的损坏。
2、安全问题 ajax暴露了与服务器交互的细节
3、对收索引擎的支撑比较弱
4、损坏程序的反常处理机制
5、违背URL和资源定位的初衷
6、ajax不能很好的支撑移动设备
7、太多客户端代码形成开发上的本钱
5、Ajax适用场景
.表单驱动的交互
.深层次的树的导航
.快速的用户与用户间的沟通照顾
.相似投票、yes/no等无关痛痒的场景
.对数据进行过滤和操作相关数据的场景
.一般的文本输入提示和自动结束的场景
6、Ajax不适用场景
.部分简略的表单
.查找
.根本的导航
.替换许多的文本
.对呈现的操作
7、代码
$.ajax({
type: 'POST',
url: url,
data: data,
dataType: dataType,
success: function () {},
error: function () {}
});
8、ajax央求的五个进程
1. 创立XMLHttpRequest异步目标
2. 设置回调函数
3. 运用open办法与服务器树立联接
4. 向服务器发送数据
5. 在回调函数中针对不同的照顾状态进行处理
axios：
1、axios是什么
Axios 是一个根据 Promise 的 HTTP 库，能够用在浏览器和 node.js 中。
2、axios有那些特性？
1、在浏览器中创立 XMLHttpRequests
2、在node.js则创立http央求
3、支撑Promise API
4、支撑拦截央求和照顾
5、转换央求和照顾数据
6、吊销央求
7、自动转换成JSON数据格式
8、客户端支撑防护XSRF
3、实施get央求，有两种办法
// 榜首种办法 将参数直接写在url中axios.get('/getMainInfo?id=123')
.then((res) => {
console.log(res)
})
.catch((err) => {
console.log(err)
})// 第二种办法 将参数直接写在params中axios.get('/getMainInfo', { params: {
id: 123
}
})
.then((res) => {
console.log(res)
})
.catch((err) => {
console.log(err)
})
4、实施post央求，留心实施post央求的入参，不需要写在params字段中，这个当地要留心与get央求的第二种办法进行差异。
axios.post('/getMainInfo', {
id: 123})
.then((res) => {
console.log(res)
})
.catch((err) => {
console.log(err)
})
axios和ajax的差异：
axios是通过Promise结束对ajax技能的一种封装，就像jquery对ajax的封装相同，简略来说就是ajax技能结束了部分数据的改写，axios结束了对ajax的封装，axios有的ajax都有，ajax有的axios不一定有，总结一句话就是axios是ajax，ajax不止axios。
注： 传统Ajax 指的是 XMLHttpRequest（XHR），
axios和jQuer ajax都是对Ajax的封装
标签：axios,console,log,err,央求,成都,ajax,重庆 来源： https://www.cnblogs.com/cqdyfwgs/p/15707837.html