XHR

什么是 XHR？

XHR 是一种浏览器 API，用于在不重新加载网页的情况下获取数据。在实际使用中，XHR 让 JavaScript 能够从 Web 服务器请求文档，从而就地更新页面。它是 Web 平台的一部分，Web 浏览器使用它来交换信息。旧代码可能仍然依赖它。

XMLHttpRequest 对象

核心对象 XMLHttpRequest 提供了用于设置和处理响应的方法。设置请求方法和 URL，然后调用 open 和 send。请求头、status 和 readyState 用于跟踪进度；相关事件会被触发。在 XML 语境中，文档必须格式良好，标签必须遵循更严格的语法；XHTML 1.0 在 W3C 标准下拥有最严格的规则。

如何发送 XMLHttpRequest

典型流程分为两步。第一步，在 JavaScript 中创建一个新的 XMLHttpRequest，并选择请求方法和数据类型。默认保持 XMLHttpRequest 为异步。第二步，注册 onload 和 onerror 处理程序，然后将操作发送到服务器软件。使用 HTTPS，遵循 Web 标准，并考虑 CORS。对于动态内容或 HTML 以外的标记语言，XML 语法和有效元素很重要。

XMLHttpRequest 示例

向 API 创建 Web 请求。在 JavaScript 中，您创建一个 XHR，调用 open(‘GET’,’/api/items’)，设置请求头，然后发送。响应到达后，脚本会更新内容。这种方式适用于各类网站；浏览器支持缓存。尽量使用较小的有效负载和清晰的错误信息；新增的标记应尽量精简。XMLHttpRequest 支持上传进度；XMLHttpRequest 还允许您设置响应类型和请求类型。