class AjaxRequest {
  constructor() {
    this.xhr = new XMLHttpRequest();
  }

  get(url, params = {}) {
    return new Promise((resolve, reject) => {
      const queryString = Object.entries(params)
        .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
        .join('&');
      
      const requestUrl = queryString ? `${url}?${queryString}` : url;
      
      this.xhr.open('GET', requestUrl);
      this.xhr.onload = () => {
        if (this.xhr.status >= 200 && this.xhr.status < 300) {
          resolve(JSON.parse(this.xhr.response));
        } else {
          reject({
            status: this.xhr.status,
            statusText: this.xhr.statusText
          });
        }
      };
      this.xhr.onerror = () => {
        reject({
          status: this.xhr.status,
          statusText: this.xhr.statusText
        });
      };
      this.xhr.send();
    });
  }

  post(url, data) {
    return new Promise((resolve, reject) => {
      this.xhr.open('POST', url);
      this.xhr.setRequestHeader('Content-Type', 'application/json');
      this.xhr.onload = () => {
        if (this.xhr.status >= 200 && this.xhr.status < 300) {
          resolve(JSON.parse(this.xhr.response));
        } else {
          reject({
            status: this.xhr.status,
            statusText: this.xhr.statusText
          });
        }
      };
      this.xhr.onerror = () => {
        reject({
          status: this.xhr.status,
          statusText: this.xhr.statusText
        });
      };
      this.xhr.send(JSON.stringify(data));
    });
  }

  // 可以继续添加put, delete等方法
}

class AdvancedAjax {
  constructor() {
    this.xhr = new XMLHttpRequest();
    this.interceptors = {
      request: [],
      response: []
    };
  }

  useRequestInterceptor(interceptor) {
    this.interceptors.request.push(interceptor);
  }

  useResponseInterceptor(interceptor) {
    this.interceptors.response.push(interceptor);
  }

  async request(config) {
    // 请求拦截
    let currentConfig = config;
    for (const interceptor of this.interceptors.request) {
      currentConfig = await interceptor(currentConfig);
    }

    return new Promise((resolve, reject) => {
      this.xhr.open(currentConfig.method, currentConfig.url);
      
      // 设置请求头
      if (currentConfig.headers) {
        Object.entries(currentConfig.headers).forEach(([key, value]) => {
          this.xhr.setRequestHeader(key, value);
        });
      }

      this.xhr.onload = async () => {
        let response = {
          data: this.xhr.response,
          status: this.xhr.status,
          statusText: this.xhr.statusText,
          headers: this.xhr.getAllResponseHeaders(),
          config: currentConfig
        };

        try {
          response.data = JSON.parse(this.xhr.response);
        } catch (e) {
          // 非JSON响应保持原样
        }

        // 响应拦截
        for (const interceptor of this.interceptors.response) {
          response = await interceptor(response);
        }

        if (this.xhr.status >= 200 && this.xhr.status < 300) {
          resolve(response);
        } else {
          reject(response);
        }
      };

      this.xhr.onerror = () => {
        reject({
          status: this.xhr.status,
          statusText: this.xhr.statusText,
          config: currentConfig
        });
      };

      this.xhr.send(currentConfig.data ? JSON.stringify(currentConfig.data) : null);
    });
  }

  get(url, config = {}) {
    return this.request({
      method: 'GET',
      url,
      ...config
    });
  }

  post(url, data, config = {}) {
    return this.request({
      method: 'POST',
      url,
      data,
      ...config
    });
  }

  // 其他HTTP方法...
}

// 基本使用
const ajax = new AjaxRequest();
ajax.get('https://api.example.com/data', { page: 1, limit: 10 })
  .then(data => console.log(data))
  .catch(error => console.error(error));

ajax.post('https://api.example.com/data', { name: 'John', age: 30 })
  .then(data => console.log(data))
  .catch(error => console.error(error));

// 高级使用
const advancedAjax = new AdvancedAjax();

// 添加请求拦截器
advancedAjax.useRequestInterceptor(config => {
  console.log('Request interceptor:', config);
  // 可以在这里添加认证token等
  config.headers = config.headers || {};
  config.headers['Authorization'] = 'Bearer token123';
  return config;
});

// 添加响应拦截器
advancedAjax.useResponseInterceptor(response => {
  console.log('Response interceptor:', response);
  // 可以在这里统一处理错误
  if (response.status === 401) {
    // 处理未授权
  }
  return response;
});

advancedAjax.get('https://api.example.com/data')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));