这是一个简单登陆验证也可以改为检查用户名是否存在的ajax例子(可以自由扩张)...

最新推荐文章于 2020-08-10 17:01:32 发布

iteye_2555

最新推荐文章于 2020-08-10 17:01:32 发布

阅读量102

点赞数

分类专栏： ajax 文章标签： Ajax JSP JavaScript HTML ViewUI

ajax 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>   
    <head>   
        <title>这是一个简单登陆验证也可以改为检查用户名是否存在的ajax例子(可以自由扩张)</title>   
        <script type="text/javascript">   
            var xmlHttpReq;   
            //创建XMLHTTP对象   
            function createXMLHttpRequest(){   
                if(window.ActiveXObject){   
                    xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0");   
                }else{   
                    xmlHttpReq = new XMLHttpRequest();   
                }   
            }   
            //检查用户   
            function checkUser(){   
                createXMLHttpRequest();   
                var userName =document.getElementById("userName").value;   
                var password =document.getElementById("password").value;   
                //处理检查的地址   
                var url="checkUser.jsp?userName="+userName+"&password="+password;   
                xmlHttpReq.open("GET",url,true);   
                xmlHttpReq.onreadystatechange = showResult;//showResult是当onreadystatechange的值改变时触发的javascript函数   
                xmlHttpReq.send();   
            }   

            function showResult(){   
                if(xmlHttpReq.readyState == 4){   
                    if(xmlHttpReq.status == 200){   
                        var result = xmlHttpReq.responseText;//将响应信息作为字符串返回  
                        //alert( result);
                        var checkResult = document.getElementById("checkResult").innerHTML="<b>"+result+"</b>";
                        //var b=document.createElement("b");  
                        //var resultContent = document.createTextNode(result);
                       // b.appendChild(resultContent);
                       // checkResult.appendChild(b);
                    }   
                }   
            }   
        </script>   
    </head>   
    <body>   
        用户名：<input type=text" id="userName"><p>   
        密  码：<input type=text" id="password"><p>   
        <input type="button" value="提交" onclick="checkUser()"><p>   
        <div id="checkResult"></div>   
    </body>   
</html>

checkUser.jsp:

<%@ page contentType="text/html;charset=gb2312" %>
<%
String userName=request.getParameter("userName");
String password=request.getParameter("password");
System.out.println("userName="+userName);
if(userName!= null && password!=null){
	if(userName.equals("huanglq") && password.equals("password")){
		out.println("<font color='green' >验证成功</font>");
	}else{
		out.println("<font color='red' >用户名或密码错误</font>");
	}
}
%>