没有合适的资源?快使用搜索试试~ 我知道了~
对异步请求xhr、ajax、axios、fetch的区别比较
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
4 下载量 79 浏览量
2021-01-08
16:41:36
上传
评论
收藏 77KB PDF 举报
温馨提示
试读
2页
1. XMLHttpRequest对象 在浏览器中,最开始与服务器交换数据的方式则是通过XMLHttpRequest对象。【它可以使用JSON、XML、HTML和Text文本等格式发送和接收数据。】 优点: 1.不重新加载页面的情况下更新网页 2.在页面已加载后从服务器请求/接收数据 3.在后台向服务器发送数据。 缺点: 1.使用起来也比较繁琐,需要设置很多值。 2.早期的IE浏览器有自己的实现,这样需要写兼容代码。 if (window.XMLHttpRequest) { // model browser xhr = new XMLHttpRequest() } else if (w
资源详情
资源评论
资源推荐
对异步请求对异步请求xhr、、ajax、、axios、、fetch的区别比较的区别比较
1. XMLHttpRequest对象对象
在浏览器中,最开始与服务器交换数据的方式则是通过XMLHttpRequest对象。【它可以使用JSON、XML、HTML和Text文
本等格式发送和接收数据。】
优点:优点:
1.不重新加载页面的情况下更新网页
2.在页面已加载后从服务器请求/接收数据
3.在后台向服务器发送数据。
缺点:缺点:
1.使用起来也比较繁琐,需要设置很多值。
2.早期的IE浏览器有自己的实现,这样需要写兼容代码。
if (window.XMLHttpRequest) { // model browser
xhr = new XMLHttpRequest()
} else if (window.ActiveXObject) { // IE 6 and older
xhr = new ActiveXObject('Microsoft.XMLHTTP')
}
xhr.open('POST', url, true)
xhr.send(data)
xhr.onreadystatechange = function () {
try {
// TODO 处理响应
if (xhr.readyState === XMLHttpRequest.DONE) {
// XMLHttpRequest.DONE 对应值是 4
// Everything is good, the response was received.
if (xhr.status === 200) {
// Perfect!
} else {
// There was a problem with the request.
// For example, the response may hava a 404 (Not Found)
// or 500 (Internal Server Error) response code.
}
} else {
// Not ready yet
}
} catch (e) {
// 通信错误的事件中(例如服务器宕机)
alert('Caught Exception: ' + e.description)
}
}
2. jQuery $.ajax
为了更快捷的操作DOM,并且规避一些浏览器兼容问题,产生了jQuery。【它里面的AJAX请求也兼容了各浏览器,可以有简
单易用的方法.get,.get,.get,.post。简单点说,就是对XMLHttpRequest对象的封装。】
优点:优点:
1.对原生XHR的封装,做了兼容处理,简化了使用。
2.增加了对JSONP的支持,可以简单处理部分跨域。
缺点:缺点:
1.如果有多个请求,并且有依赖关系的话,容易形成回调地狱。
2.本身是针对MVC的编程,不符合现在前端MVVM的浪潮。
3**.ajax是是jQuery中的一个方法。如果只是要使用中的一个方法。如果只是要使用ajax却要引入整个却要引入整个jQuery**非常的不合理。
$.ajax({
type: 'POST',
url: 'http://users/mine',
data: data,
dataType: dataType,
success: function () {},
error: function () {}
})
3. axios
Axios是一个基于promise的HTTP库,可以用在浏览器和 node.js 中。它本质也是对原生XMLHttpRequest的封装,只不过
它是Promise的实现版本,符合最新的ES规范。
【Vue2.0之后,尤雨溪推荐大家使用axios来请求数据。】
优点:优点:
1.从浏览器中创建XMLHttpRequests
2.从 node.js 创建 http 请求
3.支持 Promise API
4.拦截请求和响应
weixin_38734361
- 粉丝: 6
- 资源: 904
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0