怎么把ajax封装(ajax封装成独立模块：示例代码)

封装ajax可以将重复的代码逻辑进行抽象，使得代码更加简洁和可维护。我们可以将ajax封装成一个独立的模块，提供给其他地方使用。

我们可以创建一个名为ajax的函数，接受一个配置对象作为参数。配置对象包含了ajax请求的相关信息，如请求的URL、请求的方法、请求的参数等等。

function ajax(config) {
  var xhr = new XMLHttpRequest();
  xhr.open(config.method, config.url, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      if (config.success) {
        config.success(xhr.responseText);
      }
    } else {
      if (config.error) {
        config.error(xhr.statusText);
      }
    }
  };
  xhr.send(config.data);
}

在上面的示例代码中，我们创建了一个名为ajax的函数，并接受一个配置对象作为参数。在函数内部，我们首先创建了一个XMLHttpRequest对象，并使用open方法设置请求的方法和URL。接着，我们通过onreadystatechange事件监听请求的状态变化。当请求的状态为4（即请求完成）且请求的状态码为200时，我们调用配置对象中的success函数，并将服务器返回的响应文本作为参数传递给它。如果请求的状态不是4或状态码不是200，则调用配置对象中的error函数，并将状态文本作为参数传递给它。我们使用send方法发送请求的数据。

通过这样的封装，我们可以在其他地方使用ajax函数来发送ajax请求，只需要传递相应的配置对象即可。这样可以避免重复的代码，并使得代码更加清晰和可维护。

以下是一个使用ajax函数的示例：

ajax({
  method: 'GET',
  url: 'https://api.example.com/data',
  success: function(response) {
    console.log('请求成功:', response);
  },
  error: function(error) {
    console.log('请求失败:', error);
  }
});

在这个示例中，我们使用ajax函数发送了一个GET请求到https://api.example.com/data，并在请求成功时打印出服务器返回的响应文本，请求失败时打印出错误信息。通过配置对象中的success和error函数，我们可以在请求成功或失败时执行相应的操作。