AJAX如何检测用户名是否存在

　　介绍

小编给大家分享一下AJAX如何检测用户名是否存在,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

vscode:

AJAX如何检测用户名是否存在

指数:

& lt; ! DOCTYPE  html> 　　& lt; html  lang=癳n"祝辞 　　& lt; head> 　　,& lt; meta  charset=癠TF-8"比; 　　,& lt; title> Title 　　& lt;/head> 　　& lt; body> 　　,& lt; h3>用户注册& lt;/h3> 　　,& lt; form  action=?doreg",方法=皃ost"比; 　　& lt;才能ul> 　　,,& lt; li>用户名:& lt; input 类型=皌ext", name=皍sername", id=皍ser"祝辞& lt; span  id=癿sg"祝辞& lt;/span> & lt;/li> 　　,,& lt; li>密码:& lt; input 类型=皌ext", name=皃wd"祝辞& lt;/li> 　　,,& lt; li>确认密码:& lt; input 类型=皌ext", name=皉epwd"祝辞& lt;/li> 　　,,& lt; li> & lt; input 类型=皊ubmit",价值=https://www.yisu.com/zixun/弊⒉帷? 　　 脚本 　　用户让用户=document.querySelector (“#”) 　　让味精=document.querySelector(“#味精”) 　　用户。onblur=function () {//警报(“hello”)//第一步:创建一个ajax对象 　　让xhr=new XMLHttpRequest ();//xhr表示ajax对象此时ajax的状态是0//console.log (xhr.readyState)//第二步:和服务器建立连接得到表示需要把数据放在url中 　　xhr.open(“得到”、“/检查?用户名=" + user.value)//此时ajax的状态是1//console.log (xhr.readyState)//第三步:发出请求 　　xhr.send(空);//空表示请求体是空得到请求的请求体都是空帖子请求的请求体不空//第四步:得到服务器响应的结果监听ajax状态变化 　　xhr。onreadystatechange=function(){//当状态发生改变,就会触发onreadystatechange事件//console.log (xhr.readyState);//xhr.readyState获取ajax对象的状态 　　如果(xhr。readyState===4 & & xhr。状态==200){//xhr。responseText获取服务器响应的数据//console.log (xhr.responseText) 　　味精。innerHTML=xhr.responseText; 　　} 　　} 　　 　　}> 　　

JS:

let  express =,要求(“express"); 　　let  bodyParser =,要求(“body-parser"); 　　let  app =,表达();//,给ejs模板引擎设置别名,别名叫html 　　app.engine (“html"要求(“ejs") .__express); 　　app.set (“view  engine"“html");//,使用html模板引擎//,指定模板的存放位置 　　app.set (“views"“。/views")//,配置bodyParser 　　app.use (bodyParser.json ()) 　　app.use (bodyParser.urlencoded({扩展:假}))//,路由 　　app.get(“/?(要求,res)=祝辞{ 　　,res.render (“reg01");,//,渲染模块 　　})//,处理注册 　　app.post (“/doreg"(点播,res)=祝辞{ 　　,//获取客户端传递的数据 　　,let  username =, req.body.username.trim (); 　　,let  pwd =, req.body.pwd.trim (); 　　,let  repwd =, req.body.repwd.trim (); 　　,//console.log(用户名、pwd repwd) 　　 　　,//模拟从数据库中获取的用户信息 　　,let  users =, (“wangcai",“xiaoqiang",“admin"]; 　　,如果(users.find(用户=祝辞;用户===用户名)){ 　　res.send才能(“& lt; h2 风格=& # 39;颜色:,红色# 39;在对不起,该用户名已经被注册了,请换个用户名~ & lt; a  https://www.yisu.com/zixun/href='/'>返回注册页 ”) 　　其他}{ 　　res.send (“恭喜你,该用户名可以使用~ 返回注册页 ”) 　　} 　　}) 　　 　　app.listen(3000年,()=> { 　　控制台。日志(“服务器上运行3000 ~”) 　　})

以上是“AJAX如何检测用户名是否存”在这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

AJAX如何检测用户名是否存在