AJAX学习笔记（AJAX+JSON与Servlet前后端交互）

// 假设已经有了一个名为"xhr"的XMLHttpRequest对象，以及一个用于存储用户信息的JSON对象
var user = {
    "username": "exampleUser",
    "password": "examplePass"
};
 
// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置请求信息
xhr.open('POST', 'http://localhost:8080/AJAX_JSON_Servlet/JsonServlet', true);
xhr.setRequestHeader('Content-Type', 'application/json');
 
// 注册状态变化的监听器
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功完成，并且服务器返回了200响应状态码
        var response = JSON.parse(xhr.responseText);
        alert(response.message);
    }
};
 
// 发送JSON数据
xhr.send(JSON.stringify(user));

这段代码演示了如何使用AJAX与后端服务器进行交互，其中使用了JSON格式的数据。首先创建了一个XMLHttpRequest对象，并设置了请求方法、URL以及其他必要的请求头信息。然后注册了状态变化的监听器，以便在请求完成时处理服务器的响应。最后，将JSON格式的用户信息转换为字符串并发送到服务器。服务器端应该相应地解析JSON数据，并返回响应信息。