`

ajax 利用xml验证信息

    博客分类:
  • js
阅读更多

<script type="text/javascript">


var XMLHttpReq = false;
         //创建一个XMLHttpRequest对象 
        function createXMLHttpReq(){
       
            if(window.XMLHttpRequest){
           
                XMLHttpReq = new XMLHttpRequest();
            }
            else if(window.ActiveXObject){
           
            try{
           
                XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e){
               
                try{
               
                    XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch(e){  }
               
               
                  }
            }
        }
       
         //身份验证  
        function check(){
       
            var username = document.all("name").value;
            var password = document.all("pwd").value;
            var yanzhengimg = document.all("yanzhengimg").value;
           
            if(username==""){
               
                alert("用户名不能为空!");
                return false;
            }
            else if(username.length<6){
           
                alert("长度不足六位!");
                return false;
           
            }
           
            else if(password==""){
           
                alert("密码不能为空!");
                return false;
            }
           
            else if(password.length<6){
                alert("长度不足六位!");
                return false;
           
            }else if(yanzhengimg.length!=4){
           
                alert("验证码长度不正确!");
                return false;
            }
           
            else{
                send("<%=basePath%>"+"/LoginServlet?username="+username+"&password="+password+"&yanzhengimg="+yanzhengimg);
               
                   
                    }
           
        }
       
        //发送请求函数 
        function send(url){
       
            createXMLHttpReq();
           
            XMLHttpReq.open("GET",url,"true");
           
            XMLHttpReq.onreadystatechange=proce;
           
            XMLHttpReq.send(null);
           
           
           
        }
       
    //获取返回的值   
        function proce(){
            if(XMLHttpReq.readyState==4){
                if(XMLHttpReq.status==200){
               
                    var res = XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data; 
                    if(res=="loginsuccess"){
                   
                        window.location.href="<%=path%>/houtai/index.jsp";
                       
                    }
                   
                    if(res=="passworderror"){
                       
                       
                        window.alert("用户密码错误!");
                       
                       
                       
                    }
               
                    if(res=="usernamenull"){
                   
                        window.alert("用户名不存在!");
                       
                    }
                    if(res=="yanzengerror"){
                   
                        window.alert("验证码错误!");
                       
                    }
                   
                }else   
               
                alert("所请求的页面有异常!");
               
            }
           
        }
       
       
       
    </script>


servlet中的代码如下try {
            user = dao.getData(sql);
        } catch (SQLException e) {
            e.printStackTrace();
        }
        out.print("<pront>");
        if (user.getUsername() == null) {

            out.print("<content>" + nouser + "</content>");

        } else if(user.getUsername() != null){
            if (!user.getPassword().equals(password)) {

                out.print("<content>" + errpassword + "</content>");
            }
       
            else if(!yanzheng.equals(yanzhengma)){
               
                out.print("<content>" + erryanzheng + "</content>");
            }
            else{
               
               
                String id = session.getId();
                System.out.println("sessionID"+id);
                String sql3="insert into session(sessionid) values('"+id+"')";
                System.out.println(sql3);
                CommDao dao2 = DaoFactory.getCommdaoImp();
                dao2.add(sql3);
                out.print("<content>" + loginsuccess + "</content>");
            }
       
        }

        out.print("</pront>");
        out.flush();
        out.close();

分享到:
评论

相关推荐

    AJAX传XML的注册页面源码

    当用户填写完相关信息并点击提交按钮时,AJAX会将这些数据以XML格式打包,然后通过HTTP的GET或POST方法发送到服务器。 XML(Extensible Markup Language)是一种用于标记数据的语言,它结构清晰,易于机器解析和人...

    Ajax验证登录信息源码

    HTML文件用于构建登录表单,JavaScript文件则包含了Ajax请求和响应处理的代码,而服务器端脚本可能是PHP、Node.js或其他后端语言,负责接收请求、验证信息并返回响应。 通过学习和分析这些源码,初学者可以深入理解...

    ajax实现数据验证

    随着Ajax(Asynchronous JavaScript and XML)技术的普及,前端与服务器之间的异步交互成为可能,使得数据验证可以在用户输入时即时进行,极大地提升了交互性和响应速度。 #### 一、AJAX的基本原理 Ajax的核心在于...

    Ajax实现登录验证

    本篇将深入讲解如何利用Ajax实现登录验证,以及它如何使得页面不刷新就能完成用户登录。 一、Ajax基础 Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript与服务器进行异步数据交换。通过创建...

    ajax-表单验证

    在传统的表单提交中,用户填写完信息点击提交按钮,页面会跳转或者重载,这在数据验证时可能导致不必要的页面跳动和延迟。而Ajax技术的引入,使得我们可以实现动态、即时的验证,减少用户等待时间,提升交互体验。 ...

    ajax实现用户名验证

    在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的异步更新,无需刷新整个页面即可与服务器进行数据交互。本教程主要关注如何利用Ajax实现用户名的实时验证,这对于用户注册功能至关...

    Ajax用户登入验证

    综上所述,Ajax用户登录验证是Web开发中常见且实用的功能,它利用Ajax技术实现了无刷新的验证体验,提高了网页交互的效率和用户体验。配合现代JavaScript特性及安全策略,我们可以构建更加健壮和友好的网络应用。

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

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

    Ajax\掌握 Ajax第 7 部分-在请求和响应中使用 XML

    ### Ajax与XML:深入理解XML在Ajax中的角色 在探讨Ajax与XML的深层次关系之前,让我们首先澄清一个普遍存在的...通过合理评估XML的利弊,开发者可以更好地利用Ajax技术,构建出既高效又符合业务需求的Web应用程序。

    用户注册表单验证(Ajax验证)

    在本场景中,我们讨论的是利用Ajax技术进行的异步验证,这种方式无需刷新整个页面,就能实时检查用户输入的有效性。 Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不重新加载整个...

    php+ajax注册验证

    "php+ajax注册验证"是一个综合了前端交互和后端逻辑的实例,它利用PHP处理后端数据验证,使用AJAX实现实时的前端反馈。在实际应用中,开发者应关注安全性、用户体验以及代码的可维护性。理解这些概念并熟练运用,将...

    ajax表单验证实例

    本文将深入探讨如何利用Ajax实现表单验证,以此来避免不必要的页面刷新,提升用户交互的效率。 表单验证是Web应用程序中的一个关键环节,它确保用户输入的数据符合预期格式和规则。传统的表单验证方式通常是在用户...

    AJAX实例的表单验证

    验证完成后,服务器会返回一个JSON或XML响应,JavaScript客户端再根据响应内容决定是否显示错误信息或者继续执行其他操作。 总的来说,这个AJAX实例展示了如何在客户端使用JavaScript处理表单提交,通过异步请求...

    利用jquery Ajax验证重复

    AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种在不重新加载整个网页的情况下,能够更新部分网页的技术。通过使用jQuery提供的`$.ajax()`方法,我们可以轻松地发送异步请求并处理...

    纯AJAX实现用户名验证

    Ajax(Asynchronous JavaScript and XML)允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,为用户提供更流畅、更快速的交互体验。 【描述】虽然描述为空,但可以推断这篇博文可能详细...

    validate 通用Ajax无刷新表单验证类

    访问这个网站,开发者可以获取更详细的使用指南和帮助信息,以便更好地理解和应用这个通用Ajax无刷新表单验证类。 总结来说,"validate 通用Ajax无刷新表单验证类"是一个结合了validate库和Ajax技术的前端解决方案...

    ajax验证表单

    Ajax(异步JavaScript和XML)技术为表单验证提供了优雅的解决方案,允许在不刷新整个页面的情况下进行后台验证。本示例中,"ajax验证表单"是一个实现这一功能的具体应用,它主要利用JavaScript(尤其是JavaScript库...

    Ajax+ASP验证用户名

    Ajax(Asynchronous JavaScript and XML)和ASP(Active Server Pages)技术常常被结合使用来实现网页上的实时用户输入验证,提供更好的用户体验。在这个场景中,“Ajax+ASP验证用户名”指的是利用Ajax技术向服务器...

    Ajax注册验证用户名实例

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。在这个"Ajax注册验证用户名实例"中,我们将深入...

    验证用户、邮箱ajaxform

    在提交表单时,可以利用`event.preventDefault()`阻止默认的表单提交行为,然后用Ajax发送验证请求。 6. **前端与后端协作**:前端验证虽然提高了用户体验,但为了安全性,必须在后端再次执行验证。前端验证可以...

Global site tag (gtag.js) - Google Analytics