XMLHttpRequest属性及prototype属性简介

最新推荐文章于 2023-02-16 16:58:38 发布
最新推荐文章于 2023-02-16 16:58:38 发布
阅读量3.1k 收藏 2
点赞数
分类专栏： 前端 文章标签： XMLHttpRequest
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40882674/article/details/99599248
版权

XMLHttpRequest属性
length
name
arguments
caller
UNSENT
OPENED
HEADERS_RECEIVED
LOADING
DONE
.
.

XMLHttpRequest.prototype的属性–列出主要属性

abort：资料说是调用该方法后 ， readyState变为0 。在readyState-时测试 ， 我测试结果readyState变为4 ， 其余都是顺序变化 1 -2 -3 -4

open：打开连接，传入方法和地址，是否异步，是否需要认证，调用该方法的时候readyState改为1

send：发送请求 ， 发送成功后readyState变为2 ，然后自动接受服务器数据 。

setRequestHeader：设置请求头，传入两个参数，参数一请求头的属性，参数二请求头的值

readyState：对象初始化为0 ， 调用open方法之后改为1 。 调用send()方法后自动修改值。不可人工干预。不可自定义设置(自定义设置报错，搞不懂报错原理)，0-该对象被构造出来的时的值 。 1-open开始打开链接，把值变为1 ，2-send方法调用后，把请求发送到服务器。但是未收到响应 。 3-收到响应后，但响应未完成 ，4-服务器的响应全部接受

onreadystatechange：readyState改变时调用的事件函数。

getAllResponseHeaders：返回响应头部信息 ， 测试在readyState等于2及大于2都是有响应头部信息 ，头部信息由字符串

getResponseHeader：传入参数(必传否则报错)，返回对应的响应头信息 。未查询到返回null

responseText：服务器端返回的响应体 ，不包含响应头。readyState为1和2时，该值为空。数据较少时 ，3和4一样 。 没有使用大数据测试过 。 资料介绍数据量大时 ，3为部分数据 ， 4为全部数据。

参考w3c手册

@紫轩
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【异常监控】拦截xhr进行http异常上报
Luckyzhoufangbing的博客
11-12 2017
tracker.js (主要核心代码) // 重写 xhr 拦截异常然后上报 const trackerXHR = () => { // 拿到 XMLHttpRequest let XMLHttpRequest = window.XMLHttpRequest // 保存原有的open方法 let XMLOriginOpen = XMLHttpRequest.prototype.open // 重写 open 方法 目的是为了保存 ethods, url 这个参数的值 用于埋点
XMLHttpRequest方法和属性API
02-27
XMLHttpRequest方法和属性API，介绍了XMLHttpRequest的方法和属性
油猴脚本xmlhttprequest劫持及原理解释
m0_51534164的博客
02-16 3626
油猴脚本xmlhttprequest劫持及原理解释
全局拦截各种http请求
飞翔的熊blabla
12-28 1483
function hookAJAX() { XMLHttpRequest.prototype.nativeOpen = XMLHttpRequest.prototype.open; var customizeOpen = function (method, url, async, user, password) { // do something this.nativeOpen(method, url, async, user, password); }; .
XMLHttpRequest
SeriousLose
12-31 1030
若Ajax请求是由jQuery的$.ajax发起的， 默认情况下可以使用 jQuery的Global Ajax Event Handlers监听到Ajax事件 兼容性 IE 9+、Chrome 15+、FireFox 11+、Edge、Safari 6.1+、Opera 12.1+ 监听所有请求 (function () { if (typeof window.CustomEvent === 'function') return false; function CustomEv
Javascript拦截XMLHttpRequest请求,修改Response内容
oh_futrue的博客
04-27 9854
1.先执行下面的代码,实现全局拦截 let origin = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function (...args) { //在这里插入拦截代码 this.__on_response=function(res){return res} return orig...
XMLHttpRequest 拦截处理
weixin_36508680的博客
09-17 4247
XMLHttpRequest 拦截包括两部分 请求（request）拦截 请求完（response）拦截 直接上代码 <script> class XMLHttp { request = function (param) {}; response = function (param) {}; } let http = new XMLHttp(); // 初始化 拦截XMLHttpRequest functi
XMLHttpRequest对象详解
inrg's blog
03-25 5370
【摘 要】 XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用。 XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用
无敌Hook
yunsong233的博客
03-16 761
为了hook ‘XMLHttpRequest’ 找了很多方法 都不是很理想，今天浏览帖子，无意间看到大神发的一个方法，测试了下非常好用，特记录一下，以备以后使用. function hook(func) { const origin = func; return function () { console.log(arguments); return origin.apply(this, arguments); } } XMLHttpRequest.prototype..
prototype-1.4.0.rar及开发手册
11-27
在Object类上，Prototype.js 引入了`extend`方法，允许我们动态地给对象添加属性和方法，增强了JavaScript的灵活性。同时，`clone`方法可以创建对象的副本，避免了对原始对象的直接修改。 Prototype.js 还引入了一...
jQuery框架prototype
07-29
Prototype在Ajax支持方面表现出色，它提供了一套完整的解决方案，包括创建XMLHttpRequest对象、发送请求、处理响应等。例如，`Ajax.Request`和`Ajax.Updater`这两个类可以用来执行异步请求，更新页面部分。此外，`...
prototype.js
11-01
此外，Prototype.js 还支持原型链上的属性和方法共享，以及模拟私有成员和构造函数等特性。 ### DOM操作 在Prototype.js中，DOM操作变得非常简洁。它提供了一套丰富的DOM助手函数，如`Element.extend()`、`Element...
Prototype1.6
06-17
`Class.create()`方法是Prototype中的一个关键功能，它允许开发者定义新的类，而无需直接操作`prototype`属性。此外，`Object.extend()`用于合并对象属性，提供了一种简便的属性继承方式。 Prototype 1.6还引入了...
Ajax核心技术之XMLHttpRequest
Flash~
12-31 2115
      Ajax：即“Asynchronous JavaScript and XML”（异步JavaScript和XML)，一门综合性的技术:运用JavaScript对象XMLHttpRequest进行异步数据交换；JavaScript操作DOM实现动态效果；运用XHTML+CSS表达信息；XML和XSLT操作数据。此篇文章重点介绍使用XMLHttpRequest对象与服务器端进行异步数据...
详解XMLHttpRequest对象
李达
11-21 1545
最近在学Ajax，说到Ajax不得不提到其中最重要的对象XMLHttpRequest对象，本文就此对象着重介绍一下，为学习后继Ajax的学习做铺垫。     XMLHttpRequest对象的主要作用是和服务端做数据交互，区别在于，它可以在页面加载完毕后向服务端发送请求和接受服务端数据，达到常见的不刷新页面情况下更新页面数据。 XMLHttpRequest属性     readyState
XMLHttpRequest 拦截并添加header
weixin_36508680的博客
11-15 6367
场景：由于项目比较老旧，存在axios、ajax、xmlHttpRequest 等多种请求。需要在所有数据请求header上添加一个字段。全局找太麻烦，想统一设置和更改 let req = XMLHttpRequest; (function(open, send) { XMLHttpRequest.prototype.open = function() { open.apply(this, arguments); } XMLHttpRequest.prototype.send =
XMLHttpRequest.send()
qq_41834086的博客
12-13 6486
XMLHttpRequest.send()方法用于实际发出 HTTP 请求。它的参数是可选的，如果不带参数，就表示 HTTP 请求只有一个 URL，没有数据体，典型例子就是 GET 请求；如果带有参数，就表示除了头信息，还带有包含具体数据的信息体，典型例子就是 POST 请求。 下面是 GET 请求的例子。 var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://www.example.com/?id=' + encodeURICompone
2021前端面试题
qq_35700455的博客
05-27 1826
1：vue-router 是什么？ 答：vue-router 是 vue 的路由插件 2：怎么定义 vue-router 的动态路由? 怎么获取传过来的值？ 答：在第一个页面调用 this.router.push(params)里面传参第二个页面通过this.router.push({params})里面传参 第二个页面通过this.router.push(params)里面传参第二个页面通过this.route.params获取参数 3：vue-router 有哪几种导航钩子? 1.导航钩
js中XMLHttpRequest属性和方法
最新发布
06-02
XMLHttpRequest 是 JavaScript 中的一个内置对象，用于在后台与服务器交换数据。以下是常用的 XMLHttpRequest 属性和方法： 属性： - onreadystatechange：当 readyState 属性发生变化时调用的事件句柄。 - readyState：请求的状态，从 0 到 4 发生变化。 - response：响应内容，可以是文本、XML、JSON 等。 - responseType：响应类型，可以是 "text"、"arraybuffer"、"blob"、"document" 或 "json"。 - status：响应状态码，如 200 表示成功，404 表示未找到资源。 - statusText：响应状态的文本描述。 方法： - open(method, url, async)：初始化请求。method 表示请求的方法，如 GET、POST 等；url 表示请求的地址；async 表示是否异步执行请求。 - send(data)：将请求发送到服务器。data 表示要发送的数据，可以是字符串、FormData 对象等。 - setRequestHeader(name, value)：设置请求头。name 表示请求头的名称，value 表示请求头的值。 - abort()：终止请求。 - getAllResponseHeaders()：获取所有响应头。 - getResponseHeader(name)：获取指定的响应头。name 表示响应头的名称。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值