Ajax异步验证用户名是否已经存在

//定义一个请求

varxmlHttp;

functioncreateXMLHttpRequest() {

//表示当前浏览器不是ie,如ns,firefox

if(window.XMLHttpRequest) {

xmlHttp =newXMLHttpRequest();

}elseif(window.ActiveXObject) {

xmlHttp =newActiveXObject("Microsoft.XMLHTTP");

}

}

//field为获取用户所填写的用户名

functionvalidate(field) {

//判断用户名是否为空

if(trim(field.value).length != 0) {

//创建Ajax核心对象XMLHttpRequest

createXMLHttpRequest();

//将获取用户名发送到另一个jsp中去验证

varurl ="user_validate.jsp?userId="+ trim(field.value) +"&time="+newDate().getTime();

//设置请求方式为GET,设置请求的URL,设置为异步提交,true为异步,false为同步

xmlHttp.open("GET", url,true);

//将方法地址复制给onreadystatechange属性

//类似于电话号码

xmlHttp.onreadystatechange=callback;

//将设置信息发送到Ajax引擎

xmlHttp.send(null);

}else{

document.getElementById("spanUserId").innerHTML ="";

}

}

//发送请求之后,返回的状体

functioncallback() {

//alert(xmlHttp.readyState);

//Ajax引擎状态为成功

if(xmlHttp.readyState == 4) {

//HTTP协议状态为成功

if(xmlHttp.status == 200) {

if(trim(xmlHttp.responseText) !="") {

//设置请返回的消息信息

document.getElementById("spanUserId").innerHTML =""+ xmlHttp.responseText +"</font>"

}else{

document.getElementById("spanUserId").innerHTML ="";

}

}else{

alert("请求失败,错误码="+ xmlHttp.status);

}

}

}



<%

//Thread.currentThread().sleep(5000);

String userId = request.getParameter("userId");

if(UserManager.getInstance().findUserById(userId) !=null) {

out.println("用户代码已经存在");

}

%>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是Ajax 不刷新页面的情况下从服务器获取、提交数据的一种数据交互方式。 Ajax使用步骤 1\创建Ajax对...
    LaBaby_阅读 1,943评论 0 0
  • 属于简易版,比较适合没有后台基础的初学者入门,使用Ajax响应php对mysql数据库进行操作,将网站搭建在xam...
    dovlie阅读 4,507评论 0 5
  • AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。什么是 AJAX ? AJAX = ...
    逍遥叹6阅读 1,781评论 0 0
  • 1.AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和X...
    空谷悠阅读 3,514评论 2 11
  • 在上一篇文章当中我们把RxJava的上游线程切换的源码都大致梳理了一遍,如果还没有看的请猛戳这里,但是光有上游的线...
    TripleZhao阅读 4,073评论 3 11