帮我写一个ajax的前后端登陆代码

前端代码：

<form>
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">密码:</label>
  <input type="password" id="password" name="password"><br><br>
  <button type="button" onclick="login()">登录</button>
</form>

<script>
function login() {
  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/login");
  xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      alert(xhr.responseText);
    }
  };
  xhr.send(JSON.stringify({username: username, password: password}));
}
</script>

后端代码（使用Node.js和Express框架）：

const express = require("express");
const bodyParser = require("body-parser");
const app = express();

app.use(bodyParser.json());

app.post("/login", (req, res) => {
  const username = req.body.username;
  const password = req.body.password;
  // 在这里进行登陆验证
  if (username === "admin" && password === "password") {
    res.send("登录成功");
  } else {
    res.status(401).send("用户名或密码错误");
  }
});

app.listen(3000, () => {
  console.log("服务器已启动");
});

在这个例子中，当用户点击“登录”按钮时，前端会发送一个包含用户名和密码的JSON数据到后端的`/login`路由。后端会进行登陆验证，如果用户名和密码正确，会返回一个成功的响应，否则会返回一个HTTP 401错误。前端会在收到响应后弹出一个提示框。