AJAX中onload与onreadyState的区别

最新推荐文章于 2022-05-16 21:17:14 发布

asdfwxy

最新推荐文章于 2022-05-16 21:17:14 发布

阅读量1.2k

点赞数

分类专栏： ajax 文章标签： ajax

本文链接：https://blog.csdn.net/asdfwxy/article/details/106281647

版权

本文探讨了AJAX中onload和onreadystatechange两个事件的区别。AJAX的状态码从0到4分别代表创建对象、配置、发送、部分接收和完全接收。onload事件在数据接收完成后触发，无需判断状态码，但不兼容低版本IE；而onreadystatechange事件在状态码变化时触发，需要多次调用以检查数据是否接收完成。

摘要由CSDN通过智能技术生成

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元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

asdfwxy

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Ajax 两种请求方式的区别onload和onreadystatechange

狂奔的黑驴

06-05

8290

一. onreadystatechange 1. XMLHttpRequest对象有一个属性readyState，将其(xhr.readyState)打印后发现。进入onreadystatechange请求方式中时，可以打印其状态为2，状态为3，状态为4。 <button id="btn">请求纯文本</button> <script> let btn = document.getElementById('btn'); .

Ajax请求的两种方式demo

hr226的博客

09-11

617

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

1143

一. onreadystatechange1. XMLHttpRequest对象有一个属性readyState，将其(xhr.readyState)打印后发现。进入onreadystatechange请求方式中时，可以打印其状态为2，状态为3，状态为4。请求纯文本let btn = document.getElementById('btn');btn.addEventListener("click...

ajax之后 onload,AjaxOnLoad

weixin_34201593的博客

08-05

233

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

596

最近做vue项目的时候遇到一个问题就是页面加载的时候就执行方法以至于方法里面需要通过js获取常数的变量获取不到参数从而报错经过一番查找找到了onload完美解决问题当页面所有的资源都加载完以后触发 window.document.readystate。这个属性有三个值loading /interactive/complete document正在下载的时...

ajax中的onload和readychange区别

weixin_30823001的博客

03-20

368

先补个知识点： readyState 状态码： 0:请求未初始化 1:服务器连接已建立 2:请求已接受 3:请求处理中 4:请求已完成，且响应已就绪 HTTP 状态码： 200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务器暂时不可用首先在自己目录下建立一个ajaxText.txt用来测试，ajax必须要服务器里面执行，我当前是在a...

ajax+获取mysql数据_ajax如何获取数据库数据

weixin_39553904的博客

01-18

2340

数据库(Database)是按照数据结构来组织、存储和管理数据的仓库，它产生于距今五十年前，随着信息技术和市场的发展，特别是二十世纪九十年代以后，数据管理不再仅仅是存储和管理数据，而转变成用户所需要的各种数据管理的方式。数据库有很多种类型，从最简单的存储有各种数据的表格到能够进行海量数据存储的大型数据库系统都在各个方面得到了广泛的应用。在信息化社会，充分有效地管理和利用各类信息资源，是进行科学研究...

AJAX技术实例分析借鉴.pdf

12-25

在给定的文件中，我们关注的是AJAX技术的应用，主要通过两个JavaScript文件：AjaxRequest.js和AjaxAssistantFun.js来实现。AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个网页的情况下，能够更新...

发送ajax请求

qq_52400625的博客

05-16

488

发送请求的四个步骤四个步骤 let xhr = new XMLHttpRequest() xhr.open(请求方式,请求地址，是否异步) xhr.send() xhr.onload = function(){} xhr.onreadystate = function(){ if(xhr.readystate===4){ console.log(xhr.responseText) } } ajax的状态码 == 0 表示你创建成功了一个ajax对象 == 1 表示配置请求信息

【基于JSP+MVC+Filter的网络在线聊天系统（开源! 附CSS、Ajax~~~）】

追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光

07-18

311

快速阅读目录先看效果~代码片段~~源码以及获取方法~~ 先看效果~ （1）通过Tomcat部署好项目后，在Chrome浏览器输入 http://localhost:8001/ChatRoom/index.jsp 即可访问主界面：我们设定，用户输入用户名即可进入系统聊天~ （2）gg这个用户登录后显示：此时聊天室只有一人，无法聊天，那么我们同理再在另一个浏览器，这里我们使用IE浏览器，再输入http://localhost:8001/ChatRoom/index.jsp 让另外一个用户mm，也进

原生ajax readystatechange事件请求失败 onload成功的原因分析

暂定

01-06

4252

用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

857

ajax 是前后端实现交互的方案，利用浏览器的XMLHttpRequest对象，发送http请求，和接受http响应，ajax与后端的交互式异步的，可以在浏览器不刷新页面时实现页面的局部更新，但请求不会记录在浏览器的历史记录中，也就是无法前进后退ajax中的事件与触发条件onreadystatechange 每当xhr.readyState改变时触发；但xhr.readyState由非0值变为0...

JavaScript:wihdow.onload与DOMContentLoaded，onreadystate

DecadeScript's Notes

12-06

1419

最开始对window.onload模糊的理解就是，文档全部加载完之后，再执行某个事件或者函数。对整个执行过程的理解也不是很到位。现在来做个梳理。文档加载过程解析HTML 加载外部css文件和js文件执行文档内的js代码 HTML DOM 全部加载完(不包括外部图片、视频之类的文件) 加载图片与外部链接文件页面全部加载完页面加载过程大致分为以上几个过程，如果把js文件放在底部，加载顺序稍有变动

window.onload和window.document.readystate的探究

angmiehuo9436的博客

01-06

826

在编写前端页面的时候，我们时常需要对页面加载的状态进行判断，以便进行相应的操作。比如在移动端，时常需要在页面完全加载完成之前，先显示一个loading的图标，等待页面完成加载完成后，才显示出真正要展现的页面元素。见代码1： <html> <head> <script src="http://code....

ajax 运行原理及实现 onload/onreadystatechange 错误处理

weixin_42448623的博客

07-25

2710

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

2788

最近，看得一些开发人员在实现ajax的时候，aspx文件中在body的onload事件中，使用ajax调用后台的c#处理程序来对页面进行数据加载。然后在后台代码中，重写某个Control的Render方法，实现数据的绑定。我个人并不赞同这种方法。首先，页面肯定会Load，那么就不需要先将页面发送到客户端，然后在客户端load的时候再次异步对服务器请求数据，这样做法很令人费解，

前端基础--JavaScript

qq_50048558的博客

08-22

2807

HTML HTML介绍 & 规范介绍 HTML 指的是超文本标记/标签语言 (Hyper Text Markup Language). 专门制作网页的计算机语言. 超文本的意思是有一些单词或字母，在网页浏览器的世界中被赋予了特殊的权利。记事本开发第一个网页 <html> <head> <title>第一个网页</title> </head> <body> Hello World! </body>