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的封装

上一篇:Ajax当中如何回传一个JSP?


下一篇:ajax接收后端传值无法再次使用