原生ajax请求写法-示例代码

原生Ajax是一种使用JavaScript进行异步通信的技术。它可以在不刷新整个页面的情况下，通过发送HTTP请求与服务器进行数据交互，并在获取到响应后更新页面的部分内容。下面是一个使用原生Ajax进行GET请求的示例代码：

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

var xhr = new XMLHttpRequest();

接下来，我们需要指定请求的方法、URL和是否异步。使用`open()`方法来设置这些参数。第一个参数是请求的方法，比如GET、POST等；第二个参数是请求的URL；第三个参数是一个可选的布尔值，表示请求是否异步，默认为true。

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

然后，我们需要指定在请求完成时要执行的回调函数。使用`onreadystatechange`属性来设置这个回调函数。当请求的状态发生变化时，该函数会被调用。我们可以通过检查`xhr.readyState`属性来判断请求的状态，当它的值为4时表示请求已完成。

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    // 请求已完成，可以处理响应了
    if (xhr.status === 200) {
      // 请求成功，可以获取响应数据
      var response = xhr.responseText;
      console.log(response);
    } else {
      // 请求失败，可以进行错误处理
      console.error('Request failed. Status code: ' + xhr.status);
    }
  }
};

我们需要发送请求。使用`send()`方法来发送请求。对于GET请求，我们不需要传递任何参数；对于POST请求，我们可以在`send()`方法中传递要发送的数据。

xhr.send();

以上就是使用原生Ajax进行GET请求的示例代码。通过创建XMLHttpRequest对象、设置请求的方法、URL和是否异步、指定请求完成时的回调函数，以及发送请求，我们可以实现与服务器的异步通信，并在获取到响应后进行相应的处理。