`

用户名验证ajax实现

    博客分类:
  • ajax
 
阅读更多
//AJAX核心对象 
    var xmlHttp = null; 
      
    //初始化方法 
    function init(){ 
          //非IE浏览器,用xmlhttprequest对象创建 
          if(window.XMLHttpRequest)  
          { 
              xmlHttp=new XMLHttpRequest(); 
          } 
          //IE浏览器用activexobject对象创建 
          else if(window.ActiveXObject)  
          { 
              xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
          } 
    } 
      
    //主调方法,通过这个方法提交数据到后台进行验证 
    function check(){ 
        //需要进行验证的控件 
        var v = document.getElementById("username"); 
        if(v.value != ""){ 
            //初始化xmlHttp对象 
            if(xmlHttp == null){ 
                init(); 
            } 
            //指定数据处理者,即数据最终提交的路径 
            var url = "validateUsername.do?username='"+v.value+"'"; 
            //设置并打开请求通道,如下设置为GET方式发出请求,并且异步处理 
            xmlHttp.open("GET",url,true); 
            // 客户端等待请求的相应,并调用callback方法作出相应的动作 
            xmlHttp.onreadystatechange = callback; 
            //发出请求 
            xmlHttp.send(null); 
        } 
    } 
      
    //回调方法 
    function callback(){ 
        var isInvalidate = document.getElementById("isInvalidate"); 
        //readyState == 4表示请求返回,status == 200 表示请求成功返回 
        if(xmlHttp.readyState != 4 || xmlHttp.status != 200){ 
            //显示等待图片 
            var waitInfo = "<img src='/taskmgr/img/41.gif' alt='等待中...' height='30px' />检测中..."; 
            isInvalidate.innerHTML = waitInfo; 
        } 
        else{ 
            //responseText用来取得服务器端的回应信息 
            var text = xmlHttp.responseText; 
            if(text == 0){ 
                isInvalidate.innerHTML = "这个用户名可用"; 
            }else if(text == 1){ 
                isInvalidate.innerHTML = "这个用户名已经存在!";   
            } 
        } 
    }

 

分享到:
评论

相关推荐

    ajax实现用户名验证

    以下是Ajax实现用户名验证的基本步骤: 1. 创建HTML表单:在HTML中设置一个输入框用于用户输入用户名,并添加一个按钮或链接来触发验证操作。例如: ```html 请输入用户名" /&gt; 验证 ``` 2. 编写JavaScript代码...

    用户名验证AJAX,使用技术示例

    这个示例展示了如何利用AJAX实现实时的用户名验证,提高了用户体验,因为用户无需等待页面刷新即可获得反馈。同时,通过分离前端与后端的职责,实现了良好的代码组织和模块化。在实际项目中,可以依据具体需求进行...

    纯AJAX实现用户名验证

    【标题】"纯AJAX实现用户名验证"涉及的是在Web开发中使用JavaScript和Ajax技术进行实时用户输入验证的方法。Ajax(Asynchronous JavaScript and XML)允许网页在不重新加载整个页面的情况下与服务器交换数据并更新...

    JQuery+AJAX实现用户名验证

    在“JQuery+AJAX实现用户名验证”的场景中,我们通常会遵循以下步骤: 1. **前端准备**:在HTML页面中,我们需要一个输入框让用户输入用户名,以及一个按钮触发验证。例如: ```html 请输入用户名"&gt; 验证 ``` 2. **...

    PHP+Mysql+Ajax实现注册时用户名验证

    以上就是使用PHP、MySQL和Ajax实现注册时用户名验证的基本流程。实际应用中,还需要考虑安全问题,如SQL注入防护(使用预编译的SQL语句)、XSS攻击防御以及错误处理等。同时,为了提高用户体验,还可以添加一些额外...

    Ajax实现用户名验证

    在这个"Ajax实现用户名验证"的例子中,我们将深入探讨如何使用Ajax、jsp(JavaServer Pages)以及相关的前端技术来验证用户输入的用户名是否已存在,从而防止重复注册。 首先,我们需要创建一个简单的HTML表单,...

    Ajax实现简单的用户名验证

    在这个“Ajax实现简单的用户名验证”的示例中,我们将探讨如何利用Ajax来检查用户在注册时输入的用户名是否已存在,从而提供即时的反馈,提升用户体验。 首先,我们需要理解Ajax的基本组成部分: 1. **...

    利用Ajax实现无刷新验证用户名和密码是否正确

    "利用Ajax实现无刷新验证用户名和密码是否正确"这一技术就是为了让用户在输入登录信息时能够得到即时反馈,无需等待页面整体刷新,极大地提升了交互体验。Ajax(Asynchronous JavaScript and XML)是一种创建动态...

    用AJAX实现页面登陆以及注册用户名验证的简单实例

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互...通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某

    基于Ajax用户名验证、服务条款加载、验证码生成的实现方法

    Ajax,即Asynchronous JavaScript and XML,是一种用于创建快速动态网页的...用户名验证、服务条款加载和验证码生成都是Ajax技术在实际应用中的典型例子,它们共同展示了Ajax在提升Web应用性能和交互性方面的强大能力。

    Ajax模式 无刷新技术 用户名验证

    以下是一个简单的Ajax实现步骤: 1. **监听事件**:为用户名输入框添加`onkeyup`或`onchange`事件,当用户输入发生变化时触发Ajax请求。 2. **构建请求**:创建XMLHttpRequest对象,打开到服务器的连接,比如`/api/...

    JQuer用户名验证例子-java

    在这个"JQuer用户名验证例子"中,我们将探讨如何使用JavaScript库jQuery来实现前端的用户名验证,而无需与数据库交互。这个例子简化了流程,把数据库操作留给了服务器端,如Servlet。 **jQuery简介** jQuery是一个...

    asp+ajax实现无刷新用户名验证

    asp+ajax实现无刷新用户名验证,简单实用,数据库内容自行修改,代码已在虚拟主机和云主机上亲测好用。

    Ajax注册验证用户名实例

    在这个"Ajax注册验证用户名实例"中,我们将深入探讨如何利用Ajax技术来实现用户在注册时实时验证用户名是否已存在,从而提供更优秀的用户体验。 首先,我们需要一个HTML页面作为用户界面,包含一个输入框让用户输入...

    PHP+Mysql+Ajax注册时用户名验证

    本教程将详细讲解如何使用PHP、MySQL和Ajax技术实现这一功能,以实现即时、无刷新的用户名验证。 **PHP** 是一种广泛使用的服务器端脚本语言,特别适用于Web开发。在本场景中,PHP将作为后端处理程序,负责与数据库...

    ajax验证用户名是否重复

    "ajax+jQuery+struts2验证用户名是否重复"的实现过程涉及到了几个关键的技术点,主要包括Ajax、jQuery和Struts2框架。下面将详细阐述这些技术及其在实际操作中的应用。 **1. Ajax(异步JavaScript和XML)** Ajax是...

    ajax+struts+jsp的用户名验证

    【Ajax + Struts + JSP 的用户名验证】是Web应用程序开发中的一个重要环节,它涉及到前端交互、后端处理以及服务器的动态响应。在这个系统中,用户在输入用户名时,通过Ajax技术实现实时验证,避免了传统方式下提交...

    Ajax+Action 用户名验证

    总结来说,Ajax+Action的用户名验证实现了前端与后端的无缝交互,提高了用户体验。开发者可以通过Struts2框架轻松地处理业务逻辑,同时利用Ajax技术实现异步验证,使得网页更加动态和响应式。在实际项目中,这种模式...

    Ajax+ASP验证用户名

    通过Ajax和ASP的结合,我们可以实现快速、无刷新的用户名验证功能,为用户提供更流畅的注册体验。不过,随着技术的发展,如今更多的网站选择使用Web API和前端框架(如React、Vue.js或Angular)来实现这类功能,它们...

    ajax异步验证用户名是否存在

    本文将深入探讨如何使用AJAX(Asynchronous JavaScript and XML)进行异步验证,实现在用户输入时即时检查用户名是否已存在于数据库中。 首先,我们需要理解AJAX的核心概念。AJAX允许我们在不刷新整个网页的情况下...

Global site tag (gtag.js) - Google Analytics