Ajax（Asynchronous JavaScript and XML）是一种在前端开发中常用的技术，它可以在不重新加载整个页面的情况下，通过与服务器进行异步交互，更新页面的一部分内容。在实现Ajax功能时，我们需要使用XMLHttpRequest对象，也简称为XHR对象，来创建和发送HTTP请求。本文将介绍如何使用Ajax创建XMLHttpRequest对象，并通过举例说明其使用方法和原理。

要创建一个XHR对象，我们可以通过构造函数new XMLHttpRequest来实现：

var xhr = new XMLHttpRequest();

一旦创建了XHR对象，我们就可以使用它来发送HTTP请求，并接收服务器返回的数据。下面是一个发送GET请求的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true);
xhr.send();

在上面的示例中，首先我们创建了一个XHR对象，并使用open方法指定了请求的方法和URL地址。第一个参数是请求的方法，可以是GET、POST等；第二个参数是请求的URL地址；第三个参数表示是否采用异步方式，默认为true。接着，我们使用send方法发送了请求。

在服务器返回响应后，可以通过监听XHR对象的readystatechange事件，来获取服务器返回的数据。readystate属性表示XHR对象的状态，当其值为4时表示请求和响应过程已经完成。下面是一个监听readystatechange事件的示例：

xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 处理服务器返回的数据
}
};

在上面的示例中，我们首先判断XHR对象的状态是否为4，以及服务器返回的状态码是否为200，表示请求成功。如果满足条件，我们可以通过responseText属性获取服务器返回的数据。接下来，我们可以对数据进行进一步的处理和展示。

除了GET请求外，我们还可以发送POST请求，以传递更多的参数和数据给服务器。要发送POST请求，我们需要在使用open方法之后，调用setRequestHeader方法设置请求头，指定数据的类型和编码方式，例如：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/api/data', true);
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
xhr.send(JSON.stringify({name: 'John', age: 25}));

在上面的示例中，我们指定了请求头的Content-Type为application/json;charset=UTF-8，表示发送的数据为JSON格式。我们可以使用JSON.stringify方法将对象转换为JSON字符串，并通过send方法发送。

总结起来，Ajax是一种通过与服务器进行异步交互的技术，可以在不刷新整个页面的情况下，更新页面的一部分内容。在使用Ajax时，我们需要创建一个XMLHttpRequest对象，通过open和send方法发送HTTP请求，并通过监听readystatechange事件获取服务器返回的数据。通过这种方式，我们可以实现更加灵活和交互性的前端开发。