axios和ajax区别

Posted 2023-04-26

简单地说，axios是之前ajax的一种升级版本。
ajax是基于XMLHttpRequest实现无刷新更新页面的方法。之前的ajax是jquery对这种刷新方法的封装，可以通过简单的配置实现局部刷新页面。
而axios则是使用了最新es6的promise方法，可以更方便实现异步操作。 参考技术A Axios 在NPM上的描述是：Promise based HTTP client for the browser and node.js，是一种基于Promise封装的HTTP客户端。

AJAX完整是 Asynchronous javascript And XML . 异步js和xml，是一种异步请求的技术。
区别
Axios是通过Promise实现XHR封装，其中Promise是控制手段，XHR是实际发送Http请求的客户端。就像$.ajax是通过callback+XHR实现一样，你也可以造个轮子叫XXX的，都是AJAX技术的一种具体实现。

简单来说： AJAX技术是实现网页的局部数据刷新，你可以通过XHR、Fetch、WebSocket等API实现。 参考技术B Axios 在NPM上的描述是：Promise based HTTP client for the browser and node.js，是一种基于Promise封装的HTTP客户端。

AJAX完整是 Asynchronous Javascript And XML . 异步js和xml，是一种异步请求的技术。
区别
Axios是通过Promise实现XHR封装，其中Promise是控制手段，XHR是实际发送Http请求的客户端。就像$.ajax是通过callback+XHR实现一样，你也可以造个轮子叫XXX的，都是AJAX技术的一种具体实现。

简单来说： AJAX技术是实现网页的局部数据刷新，你可以通过XHR、Fetch、WebSocket等API实现。

面经jq 中 ajax 和 axios 区别，瀑布流布局，添加删除事件

【jq 中 ajax 和 axios 区别】

jq的ajax
1.本身是针对MVC的编程,不符合现在前端MVVM的浪潮
2.JQuery整个项目太大，单纯使用ajax却要引入整个JQuery不合理

axios
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范

============

【瀑布流布局】

瀑布流布局。是一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。

例如下面的布局，就是瀑布流

=============

【js 事件的添加与删除】

1，非 IE 7 8 下使用

btn.addEventListener('click',function(){alert(1);},false);
btn.removeEventListener('click',function(){alert(1);},false);

2，onclick法

btn.onclick = function(){}

btn.onclick = null;