Ajax中怎么驗(yàn)證用戶名是否已被注冊(cè)

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

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

簡(jiǎn)單的輸入框

<body>
  昵稱：<input type="text" name="username" ><span id="msg">請(qǐng)輸入昵稱</span><br>
  密碼：<input type="password" name="password">
 </body>

JS代碼如下：

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

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

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：僅僅為了測(cè)試，并沒有真正從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);
  }

測(cè)試：

Ajax中怎么驗(yàn)證用戶名是否已被注冊(cè)

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

當(dāng)前題目：Ajax中怎么驗(yàn)證用戶名是否已被注冊(cè)
網(wǎng)站URL：http://jinyejixie.com/article6/iejgog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站改版、標(biāo)簽優(yōu)化、網(wǎng)站策劃、建站公司

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

Ajax中怎么驗(yàn)證用戶名是否已被注冊(cè)