JavaScript DOM模型介绍与XMLHttpRequest异步请求示例

JavaScript中的DOM（文档对象模型）是一种用于表示和操作HTML和XML文档的标准对象集合。DOM模型提供了一种访问和操作网页元素的方法，通过使用DOM，我们可以动态地改变网页的结构、样式和内容。

XMLHttpRequest是一种在后台与服务器进行交互的技术，通过它我们可以实现异步请求获取数据。它可以以异步的方式发送HTTP请求，并接收服务器返回的数据，而不会影响到当前网页的渲染和用户操作。

在JavaScript中，我们可以使用DOM的各种方法和属性来访问和操作网页元素。比如，我们可以使用getElementById方法通过元素的id获取到该元素的引用，然后可以修改它的内容、样式或者添加新的元素。

通过XMLHttpRequest，我们可以以异步方式向服务器发送请求，并在获取到返回的数据后进行相应的操作。例如，可以通过发送GET请求获取服务器上的数据，然后使用DOM的方法将数据添加到网页中，或者使用POST请求将用户输入的数据发送给服务器进行处理。