XMLHttpRequest（XHR）是前端开发中一种基本的网络请求方式，它的名字中“XML”可能让人误以为它只能处理XML数据格式。实际上，XHR可以用于发送任何类型的数据，包括JSON、HTML和文本等。
那么，为什么它会被称作XMLHttpRequest呢？这个名字源于它最初的设计目的：用于在浏览器中获取XML数据格式的网络资源。
XHR的历史
在互联网普及之前，Web页面主要是静态的，用户与服务器的交互也比较有限。1995年，JavaScript语言诞生并被加入到Netscape Navigator浏览器中，从此开始了Web页面动态化的时代。
2000年，微软发布了IE5浏览器，其中包含一个新的API——XMLHTTP ActiveX控件，用于在浏览器中进行异步数据请求。这个API使用XML数据格式，因此被命名为XMLHTTP。
后来，由于其他浏览器也开始支持该API，并且不再局限于XML数据格式，因此该API被标准化，并更名为XMLHttpRequest。
XHR的使用
XHR的使用非常简单，以下是一个基本的示例：
----- --- - --- -----------------
--------------- --------------
---------------------- - ---------- -
-- --------------- --- - -- ---------- --- ---- -
----- ---- - -----------------------------
------------------
-
--
-----------以上代码通过XHR发送了一个GET请求，并监听了请求的状态变化。当readyState为4（完成）并且status为200（成功）时，说明请求已经完成，可以获取服务器返回的数据。
XHR的进化
随着Web技术的发展，XHR也在不断演进。目前，XHR仍然是一种非常基础、通用的网络请求方式，但是它的API已经趋于稳定，同时也出现了很多新的网络请求API，例如Fetch API和Axios等。
这些新的API使用起来更加简单，支持Promise等现代JavaScript特性，因此逐渐取代了XHR在某些场景下的使用。
总结
尽管XMLHttpRequest这个名字有些误导性，但是它在Web开发中仍然扮演着重要的角色。了解它的历史和基本用法，可以帮助我们更好地理解和掌握这项技术。
同时，需要注意的是，Web技术在不断发展，我们应该始终保持学习的态度，关注新的技术和最佳实践，以便更好地应对不断变化的开发环境。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/29654