AJAX应用实例之检测用户名是否唯一(实例代码)

AJAX文件：

<script language="javascript">
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);
  }
}
</script>

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应用实例之检测用户名是否唯一(实例代码)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对易采站长站网站的支持！