2.
🛠️ 在前端开发中， AJAX 技术的使用是必不可少的一部分。它能够帮助我们实现页面的局部刷新，让我们的网页应用更加高效且用户友好。🔍
🚀 今天，我将通过一个简单的实例来展示如何使用 AJAX。假设我们有一个按钮，当我们点击这个按钮时，页面会从服务器获取一些新的数据，然后更新到页面上，而无需重新加载整个页面。🎯
📝 首先，我们需要创建一个 HTML 页面，包含一个按钮和一个用于显示数据的 div 元素。例如：
```html
```
📚 接下来，在 JavaScript 中，我们将使用 XMLHttpRequest 对象来发送请求，并处理响应。这里是一个基本的示例代码：
```javascript
document.getElementById('loadData').addEventListener('click', function() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById('dataContainer').innerHTML = xhr.responseText;
}
};
xhr.open("GET", "data.txt", true);
xhr.send();
});
```
🎉 当我们点击按钮时，AJAX 请求会被发送到服务器，获取文本文件 `data.txt` 的内容，并将其插入到 `dataContainer` div 中。这样，我们就实现了无需刷新整个页面即可动态更新页面内容的功能。
🥳 这只是一个基础示例，实际项目中可能会更复杂，但希望这个例子能给你一些启发！
免责声明：本文由用户上传，如有侵权请联系删除！