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)只支持高版本浏览器

目录
相关文章
|
6天前
|
JSON 前端开发 JavaScript
axios请求成功而$.ajax却不行排错
axios请求成功而$.ajax却不行排错
14 2
|
6天前
|
JSON 前端开发 JavaScript
Vue3 Ajax(axios)
Vue3 Ajax(axios)
|
6天前
|
负载均衡 前端开发 搜索推荐
Axios 和 Ajax 的区别
Axios 和 Ajax 的区别
|
6天前
|
JSON 前端开发 JavaScript
Fetch API与Ajax请求
Fetch API是JavaScript的一种新方法,用于网络请求,提供简洁的Promise-based语法和更多功能,如处理头、取消请求及跨域支持,比Ajax更强大。尽管不完全替代Ajax,尤其在老浏览器或需要底层控制时,Fetch API仍是现代浏览器中获取资源的优选工具。例如,以下代码展示了如何使用Fetch API进行GET和POST请求。
|
6天前
|
XML 前端开发 JavaScript
CSR和 AJAX有什么区别
CSR和 AJAX有什么区别
23 1
|
6天前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
6天前
|
JSON 前端开发 JavaScript
总结 Vue3 的一些知识点:Vue3 Ajax(axios)
总结 Vue3 的一些知识点:Vue3 Ajax(axios)
|
6天前
|
XML 资源调度 前端开发
Ajax(axios)
Ajax(Asynchronous JavaScript and XML)是一种异步的Web开发技术,它通过在后台与服务器交换数据,实现了在不重新加载整个页面的情况下,更新部分网页内容的效果。Ajax的核心是XMLHttpRequest对象,它用于在浏览器和服务器之间发送HTTP请求和接收响应。
35 2
|
6天前
|
前端开发 JavaScript API
axios和ajax的区别
axios和ajax的区别
57 0
|
6月前
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
48 0