js中的定义的XMLHttpRequest对象的onreadystatechange函数放在其send函数后面为什么不会执行其回调函数

最新推荐文章于 2024-01-05 07:30:00 发布
最新推荐文章于 2024-01-05 07:30:00 发布
阅读量1.2k 收藏 4
点赞数 3
分类专栏： js 文章标签： js onreadystatechange send
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43990363/article/details/102808316
版权

js中的定义的XMLHttpRequest对象的onreadystatechange函数放在其send函数后面为什么不会执行其回调函数

自己在写项目的时候遇到了onreadtstatechange函数放在send函数的后面导致不执行的情况，在网上搜了一下，发现都说的不是很详细，就自己分析了一下并发现了问题所在，写个博客总结一下

首先我们对于onreadystatechange函数要明白以下几点

  • onreadystatechange函数是XMLHttpRequest实例本身就具有的一个属性函数
  • onreadystatechange函数的通过XMLHttpRequest实例上的readyState的改变而触发的
  • 如果你在onreadystatechange里面添加回调函数前 XMLHttpRequest实例上的readyState已经变成了4， 即着onreadystatechange函数不会再被触发，那意味着你修改onreadystatechange函数是没有意义（因为该函数不会再被触发）
现在再来看一下为什么将onreadystatechange函数放在send函数后面不会被触发
xhr.onreadystatechange =
最低0.47元/天 解锁文章
kibuniverse
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
XMLHttpRequest
03-29
1.js对象 XMLHttpRequest 属性： 1.readyState属性 readyState:只读属性。 作用：通过读取该属性，从而知道XMLHttpRequest 目前进行到了哪一步 取值： 状态码 名称 描述 0 未初始化 默认状态，...
vmap-js:VMAP JavaScript库
05-06
VMAP Javascript库 将VMAP XML文档解析为Javascript对象。 符合。安装用npm安装npm install vmap用法为VMAP构造函数提供XML，以获取其解析版本。 使用下面记录的API访问VMAP属性。 import VMAP from 'vmap' ;// ...
让大家都能理解 XMLHttpRequest
zhtbs的博客
03-30 2691
XMLHttpRequest 是一个 JavaScript 对象，它能够在浏览器和 Web 服务器之间发送和接收数据。即使在从 Web 服务器读取了所有数据之后，XMLHttpRequest 仍然可以发送和接收数据，从而实现不重新加载页面就能够重写页面内容的功能。在当今的 Web 服务中，使用 XMLHttpRequest 发送和接收数据是非常必要的。
onreadystatechange事件详解
最新发布
weixin_44626980的博客
01-05 1135
事件是在 XMLHttpRequest 对象状态发生变化时触发的事件。XMLHttpRequest 对象用于在后台与服务器交换数据，而则是用来监听这个对象状态变化的事件。通过本文对事件的详细解析，我们深入了解了这一在前端开发中重要的事件。事件在处理异步请求、实现动态页面更新等方面发挥了关键作用，提升了用户体验。在实际应用中，巧妙地运用这一事件可以使前端开发更加灵活高效。希望这篇文章对大家更好地理解和应用事件有所帮助。
Ajax中onreadystatechange函数放在open()后不执行这件事
渡阡
09-04 1721
今天动手写Ajax时遇到的问题：按照下面的顺序来写Ajax，功能是alert出txt文档的内容，在Chrome下可以执行onreadystatechange中的事件，在IE11及以下、FF就不能执行onreadystatechange中的代码。 ajax: 1.创建Ajax对象  ——new XMLHttpRequest;/ new ActiveXObject('Microsoft.XMLHTT...
JavaScript 异步编程和同步模式
Start的小笔记
06-27 540
JavaScript 异步编程 javaScript采用单线程的原因：javaScript因为用来实现页面的动态交互，交互的核心就需要操作dom，这种情况决定了它必须使用单线程模型，否则就会产生复杂线程同步问题；例如：多线程的情况下，如果一个线程修改dom，一个线程同时对这个dom删除了，浏览器就无法以哪个工作线程为准。 同步模式 代码任务依次执行，后面代码任务必须等待前面一个任务执行完才能执行，前面的任务没有执行完，后面的任务就不会执行。【同步模型不是同时执行是排队执行】，程序执行顺序跟编写的顺序是
安全基础第三天: js的XMLHttpRequest和监听事件
weixin_62870380的博客
03-02 2529
js的xmlhttprequest的方法属性和实例，监听事件，用于referrer的防盗链绕过
原生JS实现ajax与ajax的跨域请求实例
11-27
第五步：在监听函数中，判断readyState=4&&status=200表示请求成功 第六步：使用responseText、responseXML接受响应数据，并使用原生JS操作DOM进行显示 var ajax = new XMLHttpRequest(); ajax.onreadystatechange ...
js(javascript)获取网页源码
05-22
//设置回调函数 xmlHttp.open("GET", url, true); xmlHttp.send(null); } //www.mp4ku.com将远程网页源代码写入页面文字区域 function writeSource() { if (xmlHttp.readyState == 4) { document....
javascript中ajax应用
06-23
script> function hq () ... xml.onreadystatechange=function()//件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果 {if(xml.readyState==4&&xml.status==200)//当前状态是已结束时和请求成功时
firefox3中onreadystatechange事件不会触发
03-19
NULL 博文链接：https://helius1214.iteye.com/blog/633807
Ajax中XmlHttprequest方法
Tony6666_的博客
04-05 204
HTML页面_Get方法： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type = "text/javascript"> function register(){ ...
Ajax XMLHttpRequest对象的三个属性以及open和send方法
weixin_34279579的博客
07-20 1163
(1)onreadystatechange 属性 onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数，可同时对 onreadystatechange 属性进行设置： xmlHttp.onreadystatechange=function() { // 我们需要在这里写一些代码 } (2)readyState 属性 ready...
Ajax 基础笔记
冷翼凌云的专栏
01-29 318
Ajax内容： 同步交互与异步交互 同步交互：客户端向服务器端发送请求，服务器端向客户端进行响应，这个过程中客户端不能做其他事情 异步交互：客户端向服务器端发送请求，服务器端向客户端进行响应，这个过程客户端可以做其他事情 举个例子：普通B/S模式(同步)       AJAX技术(异步) 同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事
jQuery中的Ajax
cake_eat的博客
10-24 213
（1）$ajax()方法 作用：发送ajax请求 $.ajax({ // 请求方式 type: 'get', // 请求地址 url: 'http://localhost:3000/base', // 请求成功以后函数被调用 success: function (response) { // response为服务器端返回的数据 // 方法内部会自动将json字符串转换为json对象 console.log(response);
开发入门篇之AJAX - onreadystatechange 事件
不写代码没饭吃的博客
07-12 678
onreadystatechange事件是在XMLHttpRequest对象的就绪状态（readyState）改变时触发的事件。就绪状态是指XMLHttpRequest对象的属性readyState的值。
xmlhttprequest 回调函数
09-10
XMLHttpRequest 是一种在浏览器中发送 HTTP 请求的 JavaScript API。它可以用于异步地向服务器发送请求并处理响应。在发送请求后，可以通过回调函数来处理服务器返回的数据。 回调函数是一个在特定事件发生时被调用的函数。对于 XMLHttpRequest ，通常会定义一个回调函数来处理服务器响应。这个回调函数会在服务器返回数据后被触发，并且可以在回调函数中处理和操作返回的数据。 以下是一个使用 XMLHttpRequest 的示例，其中包括了一个回调函数： ```javascript var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 在这里处理服务器返回的数据 console.log(xhr.responseText); } }; xhr.open("GET", "https://example.com/api/data", true); xhr.send(); ``` 在上面的示例中，`xhr.onreadystatechange` 是回调函数，它会在 `xhr` 对象的状态发生变化时被触发。当 `xhr.readyState` 变为 4 且 `xhr.status` 为 200 时，表示服务器成功返回了数据，并且可以在回调函数中处理响应数据。 请注意，以上示例是一个简单的示例，并没有包含错误处理或其他一些细节。实际使用时，你可能需要根据具体需求对代码进行适当的修改和扩展。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值