ajax 中获取数据,示例代码

1、在Ajax中获取数据的过程是通过发送HTTP请求到服务器，并在服务器响应后获取到数据。这个过程可以分为以下几个步骤：

我们需要创建一个XMLHttpRequest对象，该对象可以用来发送HTTP请求和接收服务器响应。我们可以使用`new XMLHttpRequest()`来创建这个对象。

然后，我们需要指定要发送的请求的类型、URL和是否异步。通过调用XMLHttpRequest对象的`open()`方法，我们可以设置请求的方法（例如GET或POST），以及要请求的URL。如果需要异步请求，我们可以将第三个参数设置为`true`，否则设置为`false`。

接下来，我们可以为XMLHttpRequest对象设置一个回调函数，用于在服务器响应后处理返回的数据。我们可以通过设置`onreadystatechange`属性为一个函数来实现这一点。在回调函数中，我们可以通过检查`readyState`属性的值来确定请求的状态，当`readyState`的值为4时表示请求已完成。在这个阶段，我们可以通过`responseText`或`responseXML`属性来获取服务器返回的数据。

我们可以调用XMLHttpRequest对象的`send()`方法来发送请求。如果是POST请求，我们可以将请求的参数作为`send()`方法的参数传递进去。

下面是一个示例代码，展示了如何使用Ajax中的XMLHttpRequest对象来获取数据。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = xhr.responseText;
    console.log(data);
  }
};
xhr.send();

在这个示例中，我们创建了一个XMLHttpRequest对象并使用`open()`方法设置了一个GET请求到`https://example.com/data`。然后，我们定义了一个回调函数，在请求完成后将服务器返回的数据打印到控制台上。我们调用了`send()`方法来发送请求。

这样，当我们运行这段代码时，就会发送一个异步的GET请求到服务器，并在服务器响应后将返回的数据打印到控制台上。