封装Ajax

封装Ajax的目的是为了提供一个简单、易用的接口来进行异步请求。以下是一个简单的JavaScript函数，用于封装Ajax请求：

function ajax(url, method, data, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open(method, url, true);
 
    if (method === 'POST') {
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    }
 
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            callback(xhr.responseText);
        }
    };
 
    if (method === 'GET') {
        xhr.send();
    } else if (method === 'POST') {
        xhr.send(data);
    }
}
 
// 使用方法：
ajax('https://api.example.com/data', 'GET', null, function(response) {
    console.log('Response:', response);
});
 
ajax('https://api.example.com/submit', 'POST', 'name=John&age=30', function(response) {
    console.log('Response:', response);
});

这个ajax函数接受四个参数：url（请求的URL）、method（请求方法，如'GET'或'POST'）、data（如果是POST请求，需要发送的数据）和callback（请求成功完成时调用的函数）。函数内部创建了一个XMLHttpRequest对象，设置了请求方法、头部信息，并处理了服务器响应。