这篇文章主要为大家详细介绍了创建交互式、快速动态网页应用的网页开发技术检测用户名是否存在，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了创建交互式、快速动态网页应用的网页开发技术检测用户名是否存在的具体代码，供大家参考，具体内容如下
vscode:
index:
！声明文档类型
html lang='en '
头
meta charset='UTF-8 '
标题/标题
/head
身体
氘用户注册/h2
表单操作='/doreg '方法='post '
保险商实验所
里用户名：输入类型=' text ' name=' username ' id=' user ' span id=' msg '/span/Li
里密码：输入类型='text' name='pwd'/li
里确认密码：输入类型='text' name='repwd'/li
liinput type='submit' value='注册/li
/ul
/form
脚本
让用户=文档。查询选择器(#用户)
让msg=文档。查询选择或(' # msg ')
用户。on bulr=function(){
//alert('hello ')
//第一步：创建一个创建交互式、快速动态网页应用的网页开发技术对象
让xhr=new XMlhttprequest()；//xhr表示创建交互式、快速动态网页应用的网页开发技术对象此时创建交互式、快速动态网页应用的网页开发技术的状态是0
//console.log(xhr.readyState)
//第二步：和服务器建立连接得到表示需要把数据放在全球资源定位器(统一资源定位符)中
xhr.open('get '，'/check？username=' user.value)//此时创建交互式、快速动态网页应用的网页开发技术的状态是一
//console.log(xhr.readyState)
//第三步：发出请求
xhr。send(null)；//null表示请求体是空得到请求的请求体都是空帖子请求的请求体不空
//第四步：得到服务器响应的结果监听创建交互式、快速动态网页应用的网页开发技术状态变化
xhr。onreadystatechange=function(){//当状态发生改变，就会触发状态改变时事件
//控制台。日志(xhr。readystate)；//xhr.readyState获取创建交互式、快速动态网页应用的网页开发技术对象的状态
if(xhr。readystate===4 xhr。status==200){
//xhr.responseText获取服务器响应的数据
//console.log(xhr.responseText)
味精。innerhtml=xhr。responsetext
}
}
}
/script
/body
/html
JS:
let express=require(' express ')；
让body Parser=require(' body-Parser ')；
let app=express()；
