原生ajax获取数据-示例代码

原生Ajax是一种在网页中使用JavaScript发送HTTP请求和接收响应的技术。它可以实现异步加载数据，无需刷新整个页面。下面是一个示例代码，演示如何使用原生Ajax获取数据。

我们需要创建一个XMLHttpRequest对象，它是用于发送HTTP请求的核心对象。可以通过调用XMLHttpRequest的构造函数来创建一个实例：

var xhr = new XMLHttpRequest();

接下来，我们需要指定要发送的请求方法、URL和是否使用异步方式发送请求。可以通过调用XMLHttpRequest对象的open方法来设置这些参数：

xhr.open('GET', 'https://api.example.com/data', true);

在这个示例中，我们使用GET方法发送请求到URL为'https://api.example.com/data'的服务器，并且将异步标志设置为true。

然后，我们需要设置一个回调函数，用于处理服务器响应。可以通过为XMLHttpRequest对象的onreadystatechange属性指定一个函数来实现：

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      var data = xhr.responseText;
      // 在这里处理获取到的数据
    } else {
      // 处理请求失败的情况
    }
  }
};

在这个示例中，我们判断XMLHttpRequest的readyState属性是否为XMLHttpRequest.DONE，表示请求已完成。然后，我们再判断XMLHttpRequest的status属性是否为200，表示请求成功。如果请求成功，我们可以通过XMLHttpRequest的responseText属性获取到服务器返回的数据。

我们需要发送请求。可以通过调用XMLHttpRequest对象的send方法来发送请求：

xhr.send();

在这个示例中，我们没有传递任何参数给send方法，因为我们使用GET方法发送请求，不需要发送请求体。

以上示例代码演示了如何使用原生Ajax获取数据。我们首先创建一个XMLHttpRequest对象，然后设置请求方法、URL和是否使用异步方式发送请求。接着，我们设置一个回调函数来处理服务器响应。我们发送请求并在回调函数中处理获取到的数据。