DOM XMLHttpRequest
DOM XMLHttpRequest
概述
XMLHttpRequest(XHR)是JavaScript的一个对象,它可以在不刷新整个网页的情况下,从服务器请求数据。这使得网页可以异步更新,提高了用户体验。XHR最初由微软在Internet Explorer 5中引入,后来被其他浏览器采纳,并成为W3C标准的一部分。
使用场景
1. 动态内容加载
XHR最常见的用途是动态加载网页内容。例如,当用户填写表单时,可以使用XHR向服务器发送数据,并接收响应,而不需要重新加载整个页面。
2. 数据交互
XHR可以用于从服务器获取数据,并与前端JavaScript代码交互。例如,可以用来获取JSON或XML格式的数据,然后在前端进行解析和使用。
3. AJAX
XHR是实现AJAX(Asynchronous JavaScript and XML)技术的基础。AJAX允许网页在不重新加载的情况下,与服务器进行数据交换。
基本用法
1. 创建XHR对象
var xhr = new XMLHttpRequest();
2. 配置请求
xhr.open('GET', 'https://api.example.com/data', true);
3. 发送请求
xhr.send();