AJAX检测用户名是否存在的方法
用户注册中，输入框失焦后通过AJAX异步GET请求，后端Node.js+Express模拟数据库比对，即时返回用户名占用状态。此过程无需刷新页面，实现无感校验，有效避免重复提交，提升注册体验。
来看一个实际开发中常见的场景：用户注册时，输入用户名后，页面能实时提示该用户名是否已被占用。这种体验背后，靠的就是AJAX异步请求。下面用具体的代码走一遍完整的实现流程。
前端页面很简单，一个注册表单，用户名输入框绑定了失去焦点事件（onblur）。当用户输入完用户名，光标移开时，触发AJAX请求，把输入的值传给后端做校验。
先看HTML部分（index）：
Title 用户注册
前端逻辑很清晰：创建XMLHttpRequest对象，用GET方式把用户名拼到URL参数里，发送请求，然后监听状态变化。当readyState为4且status为200时，将服务器返回的文本直接显示在页面的提示区域（）中。
再看后端，用Node.js + Express搭建，模拟从数据库查用户列表：
let express = require("express");
let bodyParser = require("body-parser");
let app = express();
// 给ejs模板引擎设置别名，别名叫html
app.engine("html",require("ejs").__express);
app.set("view engine","html");
// 指定模板的存放位置
app.set("views","./views")
// 配置bodyParser
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({extended:false}))
// 路由
app.get("/",(req,res)=>{
res.render("reg01"); // 渲染模块
})
// 处理注册
app.post("/doreg",(req,res)=>{
// 获取客户端传递的数据
let username = req.body.username.trim();
let pwd = req.body.pwd.trim();
let repwd = req.body.repwd.trim();
// 模拟从数据库中获取的用户信息
let users = ["wangcai","xiaoqiang","admin"];
if(users.find(user=>user===username)){
res.send("对不起，该用户名已经被注册了，请换个用户名~返回注册页
")
}else{
res.send("恭喜你，该用户名可以使用~返回注册页
")
}
})
app.listen(3000,()=>{
console.log("server is running on 3000~")
})
后端代码中，/check路由并没有直接写出来，但从前端请求的URL可以看出，实际应该有一个GET /check接口来处理用户名校验。这里为了演示，把校验逻辑放到了注册处理路由里，但核心思路是一样的：从请求中拿到用户名，跟预设的数组（模拟数据库）比对，返回相应的提示信息。
整个流程跑通后，用户在输入框失去焦点时，就能看到“对不起，该用户名已经被注册了”或“恭喜你，该用户名可以使用”的实时反馈，无需刷新页面。这就是AJAX在实际项目中最典型的应用之一。
火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力，依托字节自研豆包多模态大模型，凭借火山方舟一站式平台，提供模型精调、推理部署、智能应用搭建等全链路服务，结合高性能AI算力，助力各行业快速落地大模型数字化与智能化应用。
AirBuddy 3 是面向 macOS 的蓝牙外设增强工具，可集中查看 AirPods、Beats 与苹果设备电量，提供快速连接、播放控制、电量提醒、桌面小组件和多台 Mac 外设接力等功能。
AirServer macOS版可把 Mac 转换为无线投屏接收端，通过 AirPlay 或 Google Cast 接收手机、平板和电脑画面，并支持多设备同时连接、高清镜像及会话录制，适合家庭娱乐、课堂教学、会议演示和应用展示。
火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力，依托字节自研豆包多模态大模型，凭借火山方舟一站式平台，提供模型精调、推理部署、智能应用搭建等全链路服务，结合高性能AI算力，助力各行业快速落地大模型数字化与智能化应用。
AirServer Windows版可把电脑变成AirPlay、Google Cast和Miracast无线投屏接收端，适合会议演示、课堂教学及家庭大屏分享。发送设备通常无需另装客户端，并可同时接收和智能排列多个镜像会话。
AlwaysUp是一款面向Windows的系统服务注册与程序托管工具，可让普通应用、脚本及批处理在无人登录时随系统启动，并通过状态检测、异常重启、资源监控和邮件通知保障关键任务持续运行。