AJAX中onload与onreadyState的区别

最新推荐文章于 2024-06-11 11:45:11 发布
最新推荐文章于 2024-06-11 11:45:11 发布
阅读量1.2k 收藏 6
点赞数
分类专栏： ajax 文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asdfwxy/article/details/106281647
版权

1》 首先我们可以先了解下AJAX的状态码。
0代表已经创建了ajax对象，但是还没有对ajax对象进行配置.
1代表已经配置了ajax对象，但是还没有发送请求
2代表请求已经送了
3代表已经可以接收到服务器的部分数据了
4代表服务器响应的数据已经接收完成

2》接下来我们创建AJAX对象，并查看下创建AJAX对象到接收到服务器响应数据后的状态码。

//首先使用onreadystateChange
var xhr = new XMLHttpRequest();
console.log(xhr.readyState);//状态码0，创建了ajax对象，但是还没有对对象进行配置
xhr
最低0.47元/天 解锁文章
asdfwxy
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax请求的两种方式demo
hr226的博客
09-11 605
Ajax请求的两种方式 onload VS onreadystatechange ajax1.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid...
ajax onload怎么用,Ajax中onload和onreadystatechange两种请求方式的区别
weixin_39830906的博客
08-05 1109
一. onreadystatechange1. XMLHttpRequest对象有一个属性readyState，将其(xhr.readyState)打印后发现。进入onreadystatechange请求方式中时，可以打印其状态为2，状态为3，状态为4。请求纯文本let btn = document.getElementById('btn');btn.addEventListener("click...
Ajax 两种请求方式的区别onload和onreadystatechange
狂奔的黑驴
06-05 8236
一. onreadystatechange 1. XMLHttpRequest对象有一个属性readyState，将其(xhr.readyState)打印后发现。进入onreadystatechange请求方式中时，可以打印其状态为2，状态为3，状态为4。 <button id="btn">请求纯文本</button> <script> let btn = document.getElementById('btn'); .
JavaScript常用功能实现示例
最新发布
俎树振的博客
06-11 489
涵盖多种JavaScript常用功能示例，包括大小写字母转换、身份证号和手机号码脱敏、通过身份证计算年龄和性别、获取随机数、获取文件名和文件大小转换、去除字符串空白符、去掉指定字符、小数取整、数字格式化与移除、数字位数补全、大额数值单位转换、汉字转拼音与获取首字母、生成验证码及检测浏览器类型和版本等。
ajax之后 onload,AjaxOnLoad
weixin_34201593的博客
08-05 206
DescriptionCauses the specified JavaScript function to run when the page loads.ReturnsThis function does not return a value.CategoryFunction syntaxAjaxOnLoad(functionName)See alsoHistoryColdFusion 8: ...
window.onload和window.document.readystate
dlk6780的博客
07-24 587
最近做vue项目的时候遇到一个问题就是页面加载的时候就执行方法以至于方法里面需要通过js获取常数的变量获取不到参数从而报错 经过一番查找找到了onload完美解决问题 当页面所有的资源都加载完以后触发 window.document.readystate。这个属性有三个值loading /interactive/complete document正在下载的时...
js中onload与onunload的使用示例
10-26
onload与onunload想必大家并不陌生吧，下面为大家演示下js中onload与onunload的妙用，感兴趣的朋友可以参考下，希望对大家有所帮助
微信小程序之onLaunch与onload异步问题详解
10-17
在微信小程序开发中，`onLaunch` 和 `onLoad` 是两个重要的生命周期方法，它们各自有不同的用途和执行时机。本文将深入探讨它们之间的异步问题以及如何通过Promise来解决这个问题。 `onLaunch` 是小程序初始化完成...
jQuery中Ajax的load方法详解
12-09
先来看一个Ajax例子 代码如下: <!DOCTYPE html> <html> <head lang=”en”>  <meta charset=”UTF-8″>  <title></title> </head> <body> <input type=”button...
Jqyery中同等与js中windows.onload的应用
10-28
在JavaScript中，`window.onload` 是一个非常关键的事件，用于确保在页面所有资源（包括图像、脚本、样式表等）完全加载之后再执行指定的函数或代码块。这通常用于那些依赖于页面元素存在的操作，因为这些操作需要...
ajax中的onload和readychange区别
weixin_30823001的博客
03-20 361
先补个知识点： readyState 状态码： 0:请求未初始化 1:服务器连接已建立 2:请求已接受 3:请求处理中 4:请求已完成，且响应已就绪 HTTP 状态码： 200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务器暂时不可用 首先在自己目录下建立一个ajaxText.txt用来测试，ajax必须要服务器里面执行，我当前是在a...
原生ajax readystatechange事件请求失败 onload成功的原因分析
暂定
01-06 4218
用ajax链接后台接口，请求失败。参数检查没问题，请求得到的responseText也做了对象处理。把onreadystatechange改成onload事件后，请求成功。 xhr.open("get",url,true); xhr.send(); xhr.onload= function () { if(xhr.status >=200 && xhr.sta
ajax 会触发onload,ajax
weixin_34206129的博客
08-06 823
ajax 是前后端实现交互的方案，利用浏览器的XMLHttpRequest对象，发送http请求，和接受http响应，ajax与后端的交互式异步的，可以在浏览器不刷新页面时实现页面的局部更新，但请求不会记录在浏览器的历史记录中，也就是无法前进后退ajax中的事件与触发条件onreadystatechange 每当xhr.readyState改变时触发；但xhr.readyState由非0值变为0...
JavaScript:wihdow.onload与DOMContentLoaded，onreadystate
DecadeScript's Notes
12-06 1393
最开始对window.onload模糊的理解就是，文档全部加载完之后，再执行某个事件或者函数。对整个执行过程的理解也不是很到位。现在来做个梳理。 文档加载过程解析HTML 加载外部css文件和js文件 执行文档内的js代码 HTML DOM 全部加载完(不包括外部图片、视频之类的文件) 加载图片与外部链接文件 页面全部加载完 页面加载过程大致分为以上几个过程，如果把js文件放在底部，加载顺序稍有变动
window.onload和window.document.readystate的探究
angmiehuo9436的博客
01-06 808
在编写前端页面的时候，我们时常需要对页面加载的状态进行判断，以便进行相应的操作。 比如在移动端，时常需要在页面完全加载完成之前，先显示一个loading的图标，等待页面完成加载完成后，才显示出真正要展现的页面元素。见代码1： <html> <head> <script src="http://code....
ajax 运行原理及实现 onload/onreadystatechange 错误处理
weixin_42448623的博客
07-25 2456
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
关于body的onload调用ajax的一些看法
06-10 2782
   最近，看得一些开发人员在实现ajax的时候，aspx文件中在body的onload事件中，使用ajax调用后台的c#处理程序来对页面进行数据加载。然后在后台代码中，重写某个Control的Render方法，实现数据的绑定。我个人并不赞同这种方法。    首先，页面肯定会Load，那么就不需要先将页面发送到客户端，然后在客户端load的时候再次异步对服务器请求数据，这样做法很令人费解，
前端基础--JavaScript
qq_50048558的博客
08-22 2635
HTML HTML介绍 & 规范 介绍 HTML 指的是超文本标记/标签语言 (Hyper Text Markup Language). 专门制作网页的计算机语言. 超文本的意思是有一些单词或字母，在网页浏览器的世界中被赋予了特殊的权利。 记事本开发第一个网页 <html> <head> <title>第一个网页</title> </head> <body> Hello World! </body>
js核心基本语法（全面）
weixin_60941411的博客
04-09 3404
const：const 用于声明一个或多个常量，声明时必须进行初始化，且初始化后的值不可再修改，const 定义的变量并非常量，并非不可变，它定义了一个常量引用一个值。Number("3.14") // 返回 3.14 Number(" ") // 返回 0 Number("") // 返回 0 Number("99 88") // 返回 NaN。如果我们在js中写的方法都是全局的方法，在需要嵌入到别人的界面中的时候，这些全局的东西很可能会和别人的东西重名从而引发错误，所以说需要用js闭包包起来。
ajax onload
08-22
AJAX (Asynchronous JavaScript and XML) 是一种在网页中进行异步数据交互的技术。当使用 AJAX 发送请求并接收到响应时，我们可以利用 `onload` 事件来处理返回的数据。 `onload` 是一个事件处理函数，它在 AJAX ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值