JS 原生 ajax 写法

以下是一个基本的原生AJAX写法：

function ajax(method, url, data, success) {
  var xhr = new XMLHttpRequest();
  xhr.open(method, url, true);
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
      if (xhr.status === 200) {
        success(xhr.responseText);
      } else {
        console.log('Error: ' + xhr.status);
      }
    }
  };
  xhr.send(data);
}
// 调用ajax函数：
ajax('POST', '/api/login', JSON.stringify({username: 'user', password: 'password'}), function (res) {
  console.log(res);
});

此代码片段演示了使用原生 JavaScript 和 XMLHttpRequest 对象进行 AJAX 请求的基本方法，其中 `ajax()` 表示我们的 AJAX 函数，该函数接受四个参数：请求的方法（GET、POST、PUT 等）、请求URL、请求要发送的数据、请求成功后要运行的回调函数。在这个函数中，我们使用了 JSON 格式的数据，设置 header 的 Content-Type 为 'application/json'，并考虑了 readyState 和 status 的情况。最后，我们使用 JSON.parse() 解析响应，这里将响应直接输出到了控制台。这是一个基本模板，你可以根据自己的需要进行修改。