xhr,ajax,axios,fetch的区别

简介: xhr,ajax,axios,fetch的区别

xhr

与服务器进行交换,最开始是使用的XMLHttpRequest对象

优点:

1)不重新加载页面的情况下更新网页;

2)在页面加载后从服务器请求数据;

3)向后台发送数据

缺点:

1)繁琐,设置项多;

2)兼容IE浏览器

ajax

对XMLHttpRequest对象的封装,可以兼容多种浏览器

优点:

1)对原生XHR封装,简化了使用;

2)增加对jsonp的支持

缺点:

1)多个依赖关系的请求时容易形成回调地狱;

2)使用ajax需要引入整个jquery

axios

可以用于浏览器和NODE端,本质还是对XMLHttpRequest对象的封装,是Promise的实现版本

优点:

1)可以在NODE端进行请求;

2)支持promiseAPI;

3)拦截请求和相应;

4)自动转换json数据

缺点:

1)只支持高版本浏览器

目录
相关文章
|
9月前
|
负载均衡 前端开发 搜索推荐
Axios 和 Ajax 的区别
Axios 和 Ajax 的区别
|
3月前
|
JSON 前端开发 JavaScript
Proxy + Fetch 实现类似于 axios 的基础 API
本项目通过 Proxy 和 Fetch 技术实现了一个类似 axios 的基础 API,支持请求拦截、响应处理等功能,简化了前端网络请求的开发流程,提升了代码的可维护性和扩展性。
|
3月前
|
XML 前端开发 JavaScript
webSocket 和 ajax 的区别
【10月更文挑战第26天】在实际开发中,需要根据具体的应用需求来选择合适的技术,以实现最佳的用户体验和系统性能。
|
4月前
|
XML 前端开发 JavaScript
详解Ajax与axios的区别
详解Ajax与axios的区别
|
5月前
|
JSON 资源调度 JavaScript
Vue框架中Ajax请求的实现方式:使用axios库或fetch API
选择 `axios`还是 `fetch`取决于项目需求和个人偏好。`axios`提供了更丰富的API和更灵活的错误处理方式,适用于需要复杂请求配置的场景。而 `fetch`作为现代浏览器的原生API,使用起来更为简洁,但在旧浏览器兼容性和某些高级特性上可能略显不足。无论选择哪种方式,它们都能有效地在Vue应用中实现Ajax请求的功能。
77 4
|
6月前
|
XML 前端开发 JavaScript
Ajax、Fetch、Axios
Ajax、Fetch、Axios
95 25
|
6月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
45 0
|
8月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
149 2
|
8月前
|
XML 缓存 前端开发
AJAX中get和post的区别
AJAX中get和post的区别
95 0
|
8月前
|
JSON 前端开发 JavaScript
Axios 和 Fetch,哪个才是你的最佳选择?
在前端开发中,处理 HTTP 请求是一个常见且重要的任务。JavaScript 提供了多种方式来发送网络请求,其中最受欢迎的两种方式分别就是 Fetch API 和 Axios。尽管两者都能完成同样的任务,即从客户端向服务器发送请求并接收响应,但它们在使用方式、功能及灵活性方面各有千秋,下面我们简单了解下。