面试题8：XMLHttpRequest 与AJAX关系【JS】

已于 2022-04-19 22:15:13 修改
阅读量449 收藏 1
点赞数 1
分类专栏： 面试 javascript 文章标签： javascript
于 2022-04-19 22:10:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51066068/article/details/124284754
版权
面试 同时被 2 个专栏收录
152 篇文章 48 订阅
订阅专栏
javascript
122 篇文章 11 订阅
订阅专栏

XMLHttpRequest是实现AJAX动态刷新的根本原因

AJAX具有 动态交互  局部动态刷新 

AJAX是一个动态网页交互技术 ，用来局部刷新网页，因为有些网页更改的只是一处而不是N处，我就不需要从头到尾加载一遍，那样会耗费网页性能 、浏览器性能、会造成服务器压力较大

Ajax为什么能实现这些的核心是因为XMLHttpRequest 类，

浏览器在XMLHttpRequest类上定义了它们的HTTP API,这个类的每个实例都表示一个独立的请求/响应对，并且这个对象的属性和方法允许指定请求细节和提取响应数据。

XMLHttpRequest对象是AJAX的基础,XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。目前所有浏览器都支持XMLHttpRequest。

同步编程、异步请求、局部刷新

The..Fuir
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js ajax XMLHttpRequest的使用
08-08
NULL 博文链接：https://wenzongliang.iteye.com/blog/2163566
AJAX和XMLHttpRequest的关系
novestaryor的博客
03-18 490
AJAX本质上是一种技术思想，主要是通过异步的方式向服务器请求数据，然后将获取到的数据更新到页面上，从而实现页面的局部刷新。可以，XMLHttpRequest 是浏览器提供的一种用于向服务器发送 HTTP 请求并获取响应的 API，它可以实现同步和异步的数据交互，因此可以被用于实现不同种类的网络应用程序。因此，可以说 XMLHttpRequest 是 AJAX 技术的关键部分，用于实现异步数据交互，而 AJAX 则是一种基于XMLHttpRequest 的技术，用于实现动态网页效果。
XMLHttpRequest和Ajax
借物小人的博客
04-01 6068
XMLHttpRequest和Ajax的关系 ajax是一种技术方案，但并不是一种新技术。 ajax最核心的依赖是浏览器提供的XMLHttpRequest对象。 所以我用一句话来总结两者的关系：我们使用XMLHttpRequest对象来发送一个Ajax请求 XMLHttpRequest的发展历程 XMLHttpRequest一开始只是微软浏览器提供的一个接口，后来各大浏览器纷纷效仿也提供了这个接口...
Ajax与XMLHttpRequest对象
weixin_33841722的博客
03-07 65
         XMLHttpRequest是XMLHttp组件的对象，通过这个对象，Ajax可以像桌面应用程序一样只与服务器进行数据层的交换，而不必每次都刷新界面，也不必每次将数据处理的工作都交给服务器来做；这样既减轻了服务器负担又回忆了响应速度，缩短了用户的等待时间。 XMLHttpRequest对象与Ajax       在Ajax应用程序中，XMLHttpRequest对象负责将用户信息...
【javascript】ajax 基础
dengrongshou5105的博客
01-28 119
什么是 ajax ajax 即“Asynchronous JavaScript and XML”（异步 JavaScript 和 XML），也就是无刷新数据读取。 http 请求 首先需要了解 http 请求的方法（GET 和 POST）。 GET 用于获取数据。GET 是在 URL 中传递数据，它的安全性低，容量低。 POST 用于上传数据。POST 安全性一般，容量几乎无限...
js-ajax:XMLHttpRequest的一个小包装
05-26
8 它需要与ES6兼容的Promise实现。 您可以使用es6-shim或es6-promise es6-shim 。 Promise构造函数应在全局范围内可用。 IE8及更低版本的注意事项：您需要为Function.prototype.bind提供填充程序。 当接收...
Ajax-hook：拦截由XMLHttpRequest发出的浏览器的AJAX请求
01-30
阿贾克斯钩原理解析： : 简介Ajax-hook是一个精巧的用于拦截浏览器XMLHttpRequest的库，它可以在XMLHttpRequest对象发起请求之前和接收响应内容之后获得处理权。通过它您可以在对请求和响应进行一些预处理。更新记录...
Ajax-hook：拦截由XMLHttpRequest发出的浏览器的AJAX请求-js源码
08-11
在源网页加载之前，实现一个XMLHttpRequest的代理对象，然后覆盖全局的XMLHttpRequest，这样一但上层调用 new XMLHttpRequest这样的代码时，其实创建的是Ajax-hook的代理对象实例
XHR:XMLHttpRequest 对象的原生 JavaScript 包装器
06-17
#### XMLHttpRequest对象的原生 JavaScript 包装器。 使用示例 var xhr = new XHR ( { method : 'post' , url : '<example>' , async : true , serialize : true , data : document . forms [ 0 ] , ...
ajax-proxy：拦截es6代理重构XMLHTTPRequest的Ajax代理
01-30
ajax-proxy是一个用ES6中代理特性实现的用于代理原生对象XMLHttpRequest的库，它可以使您从对XMLHttpRequest进行操作。 使用 安装 CDN约会 < script > https: //unpkg....
ajax与XMLHttpRequest对象
weixin_49757916的博客
06-28 234
ajax与XMLHttpRequest对象 1.什么是Ajax
Ajax与XMLHTTPRequest基础理解
xboy100824的博客
04-11 1899
关于Ajax的基础理解。1.Ajax的定义   Asynchronous JavaScript And XML, 即异步JS和XML。一种创建交互式网页应用的网页开发技术。   一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交互，无需重新加载整个网页的基础上，更新局部网页的技术。2.Ajax的原理   使用 JS向服务器提出请求并处理响应而不阻塞用户！核心对象XMLHTTPRequ...
AJAX原理以及XmlHttpRequest对象
yueh1的博客
04-07 162
6、ajax原理和XmlHttpRequest对象 　　 Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。 　　　XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是javascript可以及时向服务器提出请求和处理响应，而不阻
XMLHttpRequest 和 ajax
三木的博客
04-10 1138
XMLHttpRequest 和 ajax
面试重点 ajax的核心API - XMLHttpRequest和cookie
Super Livia
09-11 477
知识点： XMLHttpRequest 状态码：readyState status 跨域 cors jsonp 手写一个简易的ajax get post 用promise 上面没写send会报错 跨域 什么是跨域（同源策略） ajax请求时，浏览器要求当前网页和server必须同源（安全） 同源：协议，域名，端口，三者必须一致 前端：http：//a.com:8080/;server:https://b.com/api/xxx 注意：加载图片
用JS封装AJAX请求 XMLHttpRequest (面试前记得复习)
asds123as12sa的专栏
03-13 1027
function Ajax(type, url, param, onsucess) { var xhr; if (XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = ActiveXObject("XMLHttpRequest"); } if (type =
Ajax和XmlHttpRequest对象
一个爱分享的人
07-27 217
XmlHtttpRequest对象是Ajax的核心机制，是一种支持异步请求的技术。实际上就是通过JavaScript及时向服务器发送请求和处理响应，而不会影响用户页面，达到无刷新的效果。首先分析一下XMLHttpRequest对象： 属性: onreadystatechange –每次状态改变所触发事件的时间处理程序； responseText –从服务器进程返回数据的字符串形式。
《JavaScript权威指南》学习笔记之二十---XMLHttpRequest和AJAX解决方案
淡忘~浅思
06-21 2172
五、解决请求被浏览器缓存的问题 在使用XMLHttpRequest时，要注意的一个问题是加载的内容可能被浏览器缓存。可以对URL参数作修改避免此问题。常用方法是加上一个随机数作为查询参数。 xmlhttp.open("GET","demo_get.asp?t=" + Math.random(),true); //或者:xmlhttp.open("get","url"+(new Date()).getTime(),true); xmlhttp.send(); 所有现代浏览器（IE
错误：XMLHttpRequest is not defined
最新发布
07-28
这个错误通常出现在浏览器环境下，表示在使用 XMLHttpRequest 对象时未正确引入相关的 JavaScript 文件或模块。XMLHttpRequest 是浏览器提供的用于发送 HTTP 请求的对象。要解决这个错误，你可以按照以下步骤进行...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值