1.什么是xhr?

所谓xhr其实就是xmlhttprequest,用于与服务器进行数据交互

优点:

1.实现网页的局部刷新,因为传统的刷新都是把整个页面刷新

2.在页面加载后对服务器进行请求和接受数据

xhr学习链接

后面讲的axios和ajax底层都是xhr.

2.什么是ajax

ajax对xhr进行了封装,增添了对JSONP的支持。异步的javascript和xml,ajax不是一门新技术,而是多种技术的组合,用于快速的创建动态页面,能够实现无刷新更新数据从而提高用户体验。

实现原理:由客户端请求ajax引擎,再由ajax引擎请求服务器,服务器作出一系列响应之后返回给ajax引擎,由ajax引擎决定将这个结果写入到客户端的什么位置。实现页面无刷新更新数据。

优点 

 1、无刷新更新数据

 2、异步与服务器通信

 3、前端和后端负载平衡

 4、基于标准被广泛支持

 5、界面与应用分离

缺点:

 1、ajax不能使用Back和history功能,即对浏览器机制的破坏。

 2、安全问题 ajax暴露了与服务器交互的细节

 3、对收索引擎的支持比较弱

 4、破坏程序的异常处理机制

 5、违背URL和资源定位的初衷

 6、ajax不能很好的支持移动设备

 7、太多客户端代码造成开发上的成本

3.什么是axios?

axios是用ES6的promise语法将ajax封装,axios有的ajax都有,ajax有的axios不一定有。

优点:

    1、在浏览器中创建 XMLHttpRequests

 2、在node.js则创建http请求

 3、支持Promise API

 4、支持拦截请求和响应

 5、转换请求和响应数据

 6、取消请求

 7、自动转换成JSON数据格式

 8、客户端支持防御XSRF

总结:原生的xhr用起来不方便,就有了ajax对其进行封装,但是随着需求的不断扩大,ajax也存在一些缺点,就有了axios采用了promise语法对axios进行了封装,但是底层核心还是xhr。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐