本篇文章給大家分享的是有關(guān)Ajax中怎么驗證用戶名是否已被注冊，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)新互聯(lián)公司自2013年起，先為井陘礦等服務(wù)建站，井陘礦等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為井陘礦企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

簡單的輸入框

  昵稱：請輸入昵稱

  密碼：
 

JS代碼如下：

window.onload=function()
    {
      var nameElement=document.getElementsByName("username")[0];
      //為昵稱選項注冊onblur事件
      nameElement.onblur=function()
      {
        var name=this.value;
        //1.獲取XMLHttpRequest對象
        var req=getXMLHttpRequest();
        //4.處理響應(yīng)結(jié)果
        req.onreadystatechange=function(){
          if(req.readyState==4){//XMLHttpRequest對象讀取成功
            if(req.status==200){//服務(wù)器相應(yīng)正常
              var msg=document.getElementById("msg");
              //根據(jù)返回的結(jié)果顯示不同的信息
              if(req.responseText=="true"){
                msg.innerHTML="該昵稱已注冊";
              }else{
                msg.innerHTML="可以使用";
              }
            }
          }
        }
        //2.建立一個連接
        req.open("get","${pageContext.request.contextPath}/servlet/checkUserServlet?name="+name);
        //3.發(fā)送get請求
        req.send(null);
      }
    }

getElementsByName方法，根據(jù)瀏覽器的不同獲得不同的XMLHttpRequest對象（提供異步發(fā)送請求的能力）：

function getXMLHttpRequest(){
  var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp = new XMLHttpRequest();
    } else {// code for IE6, IE5
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return xmlhttp;
}

servlet：僅僅為了測試，并沒有真正從dao層查詢

public void doGet(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {
    PrintWriter pw=response.getWriter();
    String name=request.getParameter("name");
    //判斷昵稱是否已被使用
    if("tom".equals(name)){
      pw.print(true);
    }else{
      pw.print(false);
    }
  }
  public void doPost(HttpServletRequest request, HttpServletResponse response)
      throws ServletException, IOException {

    doGet(request, response);
  }

測試：

以上就是Ajax中怎么驗證用戶名是否已被注冊，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。