XHR的事件

最新推荐文章于 2024-01-03 07:56:35 发布
最新推荐文章于 2024-01-03 07:56:35 发布
阅读量593 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45178972/article/details/115419451
版权

1.load事件：响应数据可以用的时候触发

 xhr.onload = ()=>{
	if((xhr.status >=200 && xhr.status <300) || xhr.status === 304){
		 console.log(xhr.responseText);
	}
}

2.error事件：请求发生错误时触发，和响应没关系哦

3.abort事件：调用abort()终止请求时触发

4.timeout事件：前提是先设置了timeout属性

Jookerone
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery.ajax.progress:允许将事件处理程序绑定到 XHR2 上传下载进度事件
06-18
jquery.ajax.progress 允许将事件处理程序绑定到 XHR2 上传/下载进度事件。 基于 nebirhos 脚本 ( ) 这些事件是： downloading和uploading downloading事件的示例代码： var jqXHR = $ . get ( '...
Ajax--概述、xhr对象的常用属性和方法、xhr的常用事件、xhr对象发送POST请求、xhr对象发送GET请求、xhr对象的兼容性问题、数据交换格式(XML、JSON)
小白小白从不日别的博客
05-18 4222
主要介绍了Ajax
xhr的事件
jiaoqi6132的博客
02-23 604
XMLHttprequest 的事件执行顺序。 abort 当请求中止（例如，由于程序调用）时触发XMLHttpRequest.abort()。 也可通过onabort酒店获得。 error 当请求遇到错误时触发。 也可通过onerror酒店获得。 load XMLHttpRequest事务成功完成时触发。 也可通过onload酒店获得。 loadend 请求完成时触发，无论是成功...
XHR的属性、方法和事件
m0_49456900的博客
03-25 1966
1. XHR的属性 属性一般放在open()之后，send()之前。 ⑴ responseType 和 response （IE10才开始支持） 当responseType没有设置或者’’或 ’text’时使用ResponseText/response都可以获取文本形式的响应内容； 当responseType=’json’时，只能用response获取内容，而且是解析后的内容。 ⑵ timeout 属性 设置请求的超时时间（单位是毫秒），超过这个时间就不报错。（IE8开始支持） ⑶with
xhr.onload
qq_44993292的博客
05-28 287
xhr.onload
【JavaScript 教程】事件——进度事件
油墨香^-^的博客
06-08 1341
作者 | 阮一峰 1、进度事件的种类 进度事件用来描述资源加载的进度，主要由 AJAX 请求、<img>、<audio>、<video>、<style>、<link>等外部资源的加载触发，继承了ProgressEvent接口。它主要包含以下几种事件。 abort：外部资源中止加载时（比如用户取消）触发。如果发生错误导致中止，不会触发该事件。 error：由于错误导致外部资源无法加载时触发。 load：外部资源加载成
xhr2:jQuery XHR 包装器扩展
06-26
3. **Progress 事件**：xhr2 可能集成了对加载进度事件的支持，开发者可以获取到上传或下载的进度信息，为用户提供更好的反馈体验。 4. **HTTP/2 支持**：xhr2 可能利用了 HTTP/2 协议的特性，如多路复用，提高了...
绑定回车enter事件代码
09-04
error: function(xhr, textStatus, errorThrown) { $('#loginInfoWord').show().text('发生异常:' + errorThrown); } }); }); } ``` 这段代码首先定义了`sendLoginData`函数，用于处理登录过程。它先验证表单...
xhr.base：使用xhr调用JQuery ajax
02-24
jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画制作以及Ajax交互等多个方面。xhr.base库是建立在这个基础上，进一步优化了与服务器的数据通信过程。 xhr.base的核心功能是通过xhr对象进行...
backbone-xhr-events:Backbone 插件为您提供全功能的 XHR 观察器功能
06-07
骨干-xhr-事件 比默认的 Model/Collection request事件为您做的更多。 主要好处是 提供健壮的生命周期事件（ before-send 、 after-send 、 success 、 error 、 complete ） 发出特定于类型的 XHR 事件以允许聚焦...
Ajax 两种请求方式的区别onload和onreadystatechange
狂奔的黑驴
06-05 8209
一. onreadystatechange 1. XMLHttpRequest对象有一个属性readyState，将其(xhr.readyState)打印后发现。进入onreadystatechange请求方式中时，可以打印其状态为2，状态为3，状态为4。 <button id="btn">请求纯文本</button> <script> let btn = document.getElementById('btn'); .
XHR的属性和方法及事件汇总
最新发布
zrblue的博客
01-03 442
❤️胸有惊雷而面如平湖者，可拜上将军也。
第二节：Ajax核心技术 - XMLHttpRequest 对象
孤安先生的博客，作者主站正在重构中，敬请期待！
11-01 702
XHR 1.0 是一个内建的浏览器对象，可以实现 Ajax 请求，Ajax技术的核心就是XMLHttpRequest 对象。
var ajax new ajax,Ajax知识点
weixin_42135753的博客
08-05 484
1.Ajax是什么：AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。2.两种常用的数据格式：JSON和XML(JSON与XML都是常见的数据格式 都是标记语言)(1)JSON(JavaScript Object Notation)轻量级数据格式(272字节) (2)XML是一种可拓展标记语言(406字节)(3)JSON的优势：轻量级，解析比XML更快，查找数据无...
js基础知识（第三篇）
Dodddhdhdg的博客
09-18 745
DOM 属性节点 Element.className className属性用来读写当前元素节点的class属性。它的值是一个字符串，每个class之间用空格分割。 // HTML 代码 <div class="one two three" id="myDiv"></div> var div = document.getElementById('myDiv'); div.className // "one two three" Element.style 每个元素节点都有styl
xhr使用的简单总结
engineer_why的博客
05-08 2669
xhr使用的简单总结
简述xhr -xhr的基本使用
许小叮当的博客
06-22 3670
属性：方法：：方便获取响应的事件 注意： 请求 缓存及解决方案 基础get方式和post方式的区别 的 请求和 的 请求，传递参数的位置不一样 请求只能携带少量的参数， 请求携带的数据没有限制 只有 方式的请求才能够上传文件 onreadystatechange和readyState readyState 的5种状态 总结 就是浏览器提供的一套 ，可以通过 调用，从而实现通过代码控制请求与响应，实现网络编程。 本篇到此结束，大家感觉还实用的话，关注或者点个赞都可以，谢谢啦！...
ajax 运行原理及实现 onload/onreadystatechange 错误处理
weixin_42448623的博客
07-25 2441
Ajax实现步骤 创建ajax对象 let xhr = new XMLHttpRequest() 兼容ie写法 // ActiveXObject('Microsoft.XMLHTTP') IE // new XMLHttpRequest() 非IE let xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP') 设置 请求方式 请求地址 // 请求方式 GET POST
同步与异步
像风走过八千里
04-21 474
同步 概念 当一个方法被调用时，调用者需要等待该方法执行完毕并返回才能继续执行，我们称这个方法是同步方法 使用 同步请求 var request = new XMLHttpRequest(); request.open('GET', 'http://www.baidu.com/', false); request.send(null); if (request.status === 200) {...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值