ajax前后端交互实列

以下是一个使用AJAX进行前后端交互的示例：

// 前端代码
// 使用jQuery发送POST请求
$.ajax({
    url: "/api/login", // 请求的URL
    type: "POST", // 请求方法
    data: { // 请求携带的数据
        username: "user",
        password: "pass"
    },
    success: function(response) { // 请求成功的回调函数
        console.log(response);
    },
    error: function(xhr, status, error) { // 请求失败的回调函数
        console.log(error);
    }
});

// 后端代码（使用Node.js和Express框架）
// 处理POST请求的路由
app.post("/api/login", function(req, res) {
    // 从请求中获取用户名和密码
    var username = req.body.username;
    var password = req.body.password;
    // 在数据库中验证用户名和密码
    if (username === "user" && password === "pass") {
        // 验证通过，返回成功的响应
        res.status(200).send("Login successful");
    } else {
        // 验证失败，返回错误的响应
        res.status(401).send("Invalid username or password");
    }
});