AJAX应用实例之如何实现检测用户名是否唯一功能

小编给大家分享一下AJAX应用实例之如何实现检测用户名是否唯一功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

专注于为中小企业提供成都做网站、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业广南免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

效果图如下所示:

AJAX应用实例之如何实现检测用户名是否唯一功能

AJAX应用实例之如何实现检测用户名是否唯一功能

下面写一个简单的例子,检测用户名是否唯一(直接撸代码):

前端界面:

<%@ page language="java" contentType="text/html; charset=GB18030"
  pageEncoding="GB18030"%>




检测用户名是否唯一







 
   
 
 
  
  
  
   
    用户名:
    
    
   
   
    密码:
    
       
            确认密码:                   E-mail:                                  
            

AJAX文件:


function createRequest(url) {
  http_request = false;
  if (window.XMLHttpRequest) {                  // 非IE浏览器
    http_request = new XMLHttpRequest();             //创建XMLHttpRequest对象
  } else if (window.ActiveXObject) {               // IE浏览器
    try {
      http_request = new ActiveXObject("Msxml2.XMLHTTP");  //创建XMLHttpRequest对象
    } catch (e) {
      try {
        http_request = new ActiveXObject("Microsoft.XMLHTTP"); //创建XMLHttpRequest对象
      } catch (e) {}
    }
  }
  if (!http_request) {
    alert("不能创建XMLHttpRequest对象实例!");
    return false;
  }
  http_request.onreadystatechange = getResult;            //调用返回结果处理函数
  http_request.open('GET', url, true);                //创建与服务器的连接
  http_request.send(null);                    //向服务器发送请求
}
function getResult() {
  if (http_request.readyState == 4) {       // 判断请求状态
    if (http_request.status == 200) {      // 请求成功,开始处理返回结果
      document.getElementById("toolTip").innerHTML=http_request.responseText; //设置提示内容
      document.getElementById("toolTip").style.display="block";  //显示提示框
    } else {              // 请求页面有错误
      alert("您所请求的页面有错误!");
    }
  }
}
function checkUser(userName){
  if(userName.value==""){
    alert("请输入用户名!");userName.focus();return;
  }else{
    createRequest('checkUser.jsp?user='+userName.value);
  }
}

jsp文件:

此例并没有连接数据库,只是用数组简单表示注册过的用户。

<%@ page language="java" import="java.util.*" pageEncoding="GB18030" %>
<%
  String[] userList={"明日科技","mr","mrsoft","wgh"};     //创建一个一维数组
  String user=new String(request.getParameter("user").getBytes("ISO-8859-1"),"GB18030"); //获取用户名
  Arrays.sort(userList);                 //对数组排序 
  int result=Arrays.binarySearch(userList,user);       //搜索数组
  if(result>-1){
    out.println("很抱歉,该用户名已经被注册!");     //输出检测结果
  }else{
    out.println("恭喜您,该用户名没有被注册!");     //输出检测结果
  }
%>

看完了这篇文章,相信你对“AJAX应用实例之如何实现检测用户名是否唯一功能”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


网站标题:AJAX应用实例之如何实现检测用户名是否唯一功能
本文来源:http://ybzwz.com/article/peoojd.html

其他资讯