美文网首页
用Ajax验证用户名

用Ajax验证用户名

作者: 柴不驼 | 来源:发表于2017-08-09 21:57 被阅读0次

    1.为用户名文本框绑定onblur事件。

    2.在nobler事件调用的方法中做以下操作:

    (1)获取用户名

    var name=document.getElementByName("xxx")[0];

    (2)创建XMLHttpRequest对象。

    var xhr=getXmlHttpRequest();

    (3)建立连接

    xhr.open("get","ckServlet?name="+name.value);

    (4)发出请求

    xhr.send(null);

    (5)利用onreadystatchange事件处理结果。(此步骤写在创建连接之前)

    xhr.onreadystatchange=function(){

    if(xhr.readStat==4){

    if(xhr.status==200){

    if(xhr.responseText==true){

    msg.innerHtml=“<font color='red'>用户名已存在</font>";

    }else{

    msg.innerHtml="用户名不存在";

    }

    }

    }

    用Ajax验证用户名

    相关文章

      网友评论

          本文标题:用Ajax验证用户名

          本文链接:https://www.haomeiwen.com/subject/wtgqrxtx.html