当我们浏览网页时，经常会遇到需要加载新内容的情况，这就是我们需要使用Ajax技术的时候。Ajax是一种无需刷新整个页面而能够部分刷新页面内容的技术，它通过在后台异步加载数据，然后将数据通过JavaScript动态更新到当前页面。

举个例子来说明，假设我们正在浏览一个新闻网站，在首页上显示了一些热门新闻标题和摘要。当我们想要阅读某个新闻的详细内容时，传统的做法是点击该新闻标题，然后页面会重新加载，显示该新闻的详细内容。而使用Ajax技术，我们仅需要点击该新闻标题，然后通过后台请求数据，将新闻的详细内容异步加载并显示在当前页面的指定区域，而不需要刷新整个页面。

Ajax技术的核心是XMLHttpRequest对象，它是在JavaScript中进行HTTP通信的基础。通过XMLHttpRequest对象，我们可以向服务器发送请求，并在收到响应后获取服务器返回的数据。以下是一个简单的示例代码，演示了如何使用Ajax技术向服务器请求数据：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 处理服务器返回的数据
}
};
xhr.send();

在上面的代码中，我们首先创建了一个XMLHttpRequest对象，然后通过open方法设置请求方法和URL，并通过onreadystatechange事件监听对象的状态变化。当readyState的值是4（请求完成）且status的值是200（请求成功）时，代表服务器返回了有效的响应。通过responseText属性可以获取服务器返回的数据，我们可以将数据插入到页面的指定位置，实现内容的动态加载。

另一个常见的需求是使用Ajax技术实现数据抓取，也就是从其他网站获取数据并在自己的网页中显示。比如我们想要在自己的网页中显示天气预报，我们可以使用Ajax技术从天气网站获取天气数据，然后将数据动态地显示在自己的网页上。

以下是一个简单的示例代码，演示了如何使用Ajax技术实现数据抓取：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'weather.com/api?city=beijing', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 处理天气数据
}
};
xhr.send();

在这个例子中，我们向天气网站发送了一个GET请求，通过city参数指定了要获取天气数据的城市。在服务器返回有效响应后，我们可以通过responseText属性获取服务器返回的数据，然后将天气数据动态地显示在自己的网页上。

总之，Ajax技术能够让我们在不刷新整个页面的情况下加载新内容和获取数据，并且可以实现内容的异步加载和动态更新。这使得用户体验更加流畅，网页加载速度更快。无论是在新闻网站还是数据抓取等各种场景中，Ajax都是非常有用的技术。