在前端开发中，使用JavaScript封装一个AJAX方法可以帮助我们更简洁、更高效地发送HTTP请求。以下是一个简单的示例，展示如何使用原生JavaScript封装一个基本的AJAX方法：

function ajax(url, method, data = null, callback = null) {
    // 创建一个XMLHttpRequest对象
    const xhr = new XMLHttpRequest();

    // 设置请求方法和URL
    xhr.open(method, url, true);

    // 如果请求方法是POST，则设置请求头
    if (method === 'POST') {
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    }

    // 监听onreadystatechange事件，处理响应
    xhr.onreadystatechange = function() {
        // 当请求完成且响应已就绪时
        if (xhr.readyState === 4 && xhr.status === 200) {
            // 调用回调函数，并传入响应文本
            if (callback) {
                callback(xhr.responseText);
            }
        }
    };

    // 发送请求
    if (method === 'POST' && data) {
        // 如果是POST请求且有数据，将数据转换为查询字符串格式并发送
        xhr.send(Object.keys(data).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(data[key])}`).join('&'));
    } else {
        // 如果是GET请求或没有数据，直接发送请求
        xhr.send();
    }
}

使用示例：

1. 发送GET请求：

ajax('https://api.example.com/data', 'GET', null, function(response) {
    console.log(response); // 处理响应数据
});

2. 发送POST请求：

const data = { name: 'John', age: 30 };
ajax('https://api.example.com/submit', 'POST', data, function(response) {
    console.log(response); // 处理响应数据
});

请注意，上述示例是一个基本的AJAX封装，可能需要根据实际需求进行扩展和改进。例如，你可以添加错误处理、超时设置、请求取消等功能。此外，现代前端开发中通常会使用更高级的库（如Axios、Fetch API等）来处理HTTP请求，这些库提供了更丰富的功能和更好的使用体验。