使用JavaScript实现ajax的实例代码

使用JavaScript实现ajax的攻略分为以下几个步骤：

1. 准备工作

使用ajax需要使用XMLHttpRequest（XHR）对象，该对象是JavaScript中的原生对象，所以无需下载或引入其他插件。在使用前，需要实例化一个XHR对象，方法如下：

var xhr = new XMLHttpRequest();

2. 发送请求

XHR对象通过open方法发送请求。open方法有三个参数：请求类型、请求URL、和是否异步发送请求。例如，发送一个GET请求如下所示：

xhr.open('GET', 'example.com', true);
xhr.send();

3. 接收响应

XHR对象通过监听load事件和readystatechange事件来接受响应。例如，如果请求已经成功且响应已经完成，可以使用load事件来处理响应，方法如下：

xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  }
};

如果请求未完成，或发生错误，可以使用readystatechange事件来处理响应，方法如下：

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      console.log(xhr.responseText);
    } else {
      console.log('Error: ' + xhr.status);
    }
  }
};

示例1：GET请求

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://jsonplaceholder.typicode.com/todos/1', true);
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

示例2：POST请求

var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://jsonplaceholder.typicode.com/posts', true);
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
xhr.onload = function() {
  if (xhr.status === 201) {
    console.log(xhr.responseText);
  }
};
xhr.send(JSON.stringify({
  title: 'foo',
  body: 'bar',
  userId: 1
}));

以上示例分别演示了发送GET请求和POST请求，可根据自己的需求修改请求类型、请求URL和请求参数。注意，对于POST请求，需要设置请求头Content-Type为application/json。