介绍 & lt; % @ page 语言=癹ava", contentType=皌ext/html;, charset=UTF-8"
pageEncoding=癠TF-8" %比;
& lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta charset=癠TF-8"祝辞
& lt; title>用户注册& lt;/title>
& lt; link rel=皊tylesheet",类型=拔谋?css" https://www.yisu.com/zixun/, href=" $ {pageContext.request.contextPath}/css/登录。css " rel="外部nofollow”>
<脚本type=" text/javascript”>//第三步:ajax异步请求用户名是否存在
函数checkUsername () {//获得文本框值:
var用户名=. getelementbyid(“用户名”)value;//1 .创建异步交互对象
var xhr=createXmlHttp();//第二步中已经创建xmlHttpRequest,这里直接调用函数就可以了。//2 .设置监听
xhr。onreadystatechange=function () {
如果(xhr。readyState==4) {
如果(xhr。状态==200){//把返回的数据放入到跨中
. getelementbyid(“跨度”)。innerHTML=xhr.responseText;//responseText是后台返回的数据
}
}
}//3 .打开连接
xhr.open(“得到”、“$ {pageContext.request.contextPath}/user_findByName.action吗?时间=" +新日期().getTime() +”用户名=" +用户名、真实);//4 .发送
xhr.send(空);
}//第二部:创建xmlHttp对象
函数createXmlHttp () {
var xmlHttpRequest;
尝试{//Firefox、Opera 8.0 +, Safari
xmlHttp=new XMLHttpRequest ();
}
抓住(e) {
{//Internet Explorer
xmlHttp=new ActiveXObject(“Msxml2.XMLHTTP”);
}
抓住(e) {
尝试{
xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
抓住(e) {}
}
}
返回xmlHttpRequest;
}
函数改变(){
var img1=. getelementbyid (“checkImg”);
img1.src=" $ {pageContext.request.contextPath}/checkImg.action吗?“+新日期().getTime ();
}> 头
<身体>
<=" $ {pageContext.request形式操作。contextPath}/user_regist。行动”方法=" post " onsubmit="返回checkForm ()”;>
ajax如何实现用户名校验的传统和jquery的$ . post方式
这篇文章主要介绍了ajax如何实现用户名校验的传统和jquery的$ . post方式,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
<强>第一种:传统的ajax异步请求,后台代码以及效果在最下边
首先我们在eclipse中创建一个注册页面regist。jsp、创建一个表形式单,注意,由于我们只是实现用户名校验的效果,下边红色部门是我们需要研究对象,所以其他的部门可以忽略不看。
<强>内容如下:
会员注册
小米商城
用户名:<输入类=皊hurukuang”类型=拔谋尽眎d="用户名" name="用户名" onblur=" checkUsername ()"/>
密码:输入类<=皊hurukuang”类型=懊苈搿眎d="密码" name="密码"/>
确认密码:输入类<=皊hurukuang”类型=懊苈搿眎d=" repassword " name=" repassword "/>
邮箱号:<输入类=" shurukuang " type="电子邮件" id=暗缱佑始眓ame="电子邮件"/>
姓名:<输入类=皊hurukuang”类型=拔谋尽眎d=皀ame”name="名称"/>
手机号:<输入类=皊hurukuang”类型=拔谋尽眎d="电话" name="电话"/>
地址:<输入类=皊hurukuang”类型=拔谋尽眎d=癮ddr”名称=癮ddr”/>
验证码:输入类<=皔anzhengma”类型=拔谋尽眎d=" checkcode " name=" checkcode "最大长度=" 4 "/>
<输入类=疤峤弧崩嘈?疤峤弧泵?疤峤弧敝?傲⒓醋⒉帷?
