原生JavaScript实现简单Ajax请求

这段代码使用原生的JavaScript实现了一个简单的Ajax请求。

创建核心对象

首先，根据浏览器的不同，创建了一个XMLHttpRequest对象，如果浏览器支持XMLHttpRequest，则创建一个新的XMLHttpRequest对象，否则创建一个旧版的ActiveXObject对象。

var xhttp;
if (window.XMLHttpRequest) {
    xhttp = new XMLHttpRequest();
} else {
    // code for IE6, IE5
    xhttp = new ActiveXObject('Microsoft.XMLHTTP');
}

发送请求

然后，使用xhttp对象的open()方法设置请求方式和请求地址，这里使用的是GET方法，请求的地址是'http://localhost:8080/ajax-demo/ajaxServlet'。然后使用xhttp对象的send()方法发送请求。

xhttp.open('GET', 'http://localhost:8080/ajax-demo/ajaxServlet');
xhttp.send();

获取响应

当响应返回后，xhttp对象的onreadystatechange事件会被触发，这里使用了一个匿名函数来处理响应。在函数中，首先检查readyState属性是否为4（表示响应已完成），status是否为200（表示成功获取响应）。如果满足条件，则使用xhttp对象的responseText属性获取响应内容，并弹出一个提示框来显示响应内容。

xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        alert(this.responseText);
    }
};