js---封装ajax的get请求和post请求

// 封装AJAX的GET请求
function get(url, callback) {
  const request = new XMLHttpRequest();
  request.open('GET', url, true);
  request.onreadystatechange = function() {
    if (request.readyState === 4 && request.status === 200) {
      callback(request.responseText);
    }
  };
  request.send();
}
 
// 封装AJAX的POST请求
function post(url, data, callback) {
  const request = new XMLHttpRequest();
  request.open('POST', url, true);
  request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  request.onreadystatechange = function() {
    if (request.readyState === 4 && request.status === 200) {
      callback(request.responseText);
    }
  };
  request.send(data);
}
 
// 使用示例
get('https://api.example.com/data', function(response) {
  console.log('GET 请求返回的数据:', response);
});
 
post('https://api.example.com/submit', 'key1=value1&key2=value2', function(response) {
  console.log('POST 请求返回的数据:', response);
});

这段代码提供了get和post两个函数，分别用于发送GET和POST请求。每个函数接收一个URL和回调函数作为参数，回调函数在请求成功完成时被调用，并接收响应数据作为参数。POST请求还需要提供要发送的数据。这是一个简洁且易于理解的AJAX请求封装示例。