AJAX实现简单get/post请求

以下是使用原生JavaScript实现简单的AJAX GET和POST请求的示例代码：

// 简单的AJAX GET请求
function simpleGetRequest(url) {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {
            console.log(xhr.responseText);
        }
    };
    xhr.send();
}
 
// 简单的AJAX POST请求
function simplePostRequest(url, data) {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", url, true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {
            console.log(xhr.responseText);
        }
    };
    xhr.send(data);
}
 
// 使用示例
simpleGetRequest('https://api.example.com/data');
simplePostRequest('https://api.example.com/data', 'key1=value1&key2=value2');

这段代码展示了如何使用原生JavaScript的XMLHttpRequest对象来发送GET和POST请求。simpleGetRequest函数用于发送GET请求，而simplePostRequest函数用于发送带有表单数据的POST请求。这两个函数都接受一个URL和可选的数据作为参数，并在请求成功完成时打印响应文本。