<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>");
}
}
%>
- ajax.rar (3.1 MB)
- 描述: ajax学习(ajax in Ation和说明XMLHTTPRequest 的两本书)
- 下载次数: 837
分享到：
相关推荐
ajax异步验证用户名是否存在，非常小巧的实例，需要安装oracle数据，建立一个用户表，实例中有用户表的实体，可以仿照写一个数据库。
Ajax验证用户名是否存在例 验证用户名 ajax Ajax验证用户名是否存在例 验证用户名 ajax
ASP.NET AJAX检查用户名是否存在的小例子 ASP.NET AJAX 无刷新
ajax在注册时检查用户名是否存在的应用
ajax和struts结合实现无刷新验证用户名是否存在 ajax和struts结合实现无刷新验证用户名是否存在
本实例采用ajax技术,实现用户名的检测,是否已被他人占用,非常简单和实用
Ajax无刷新登陆判断加验证用户名的存在 Ajax无刷新登陆判断加验证用户名的存在 Ajax无刷新登陆判断加验证用户名的存在 Ajax无刷新登陆判断加验证用户名的存在 Ajax无刷新登陆判断加验证用户名的存在
利用AJax调用数据库，验证用户名是否存在。本资源用VS2013所写，版本低导致打不开可用记事本查看，打开“验证用户名是否存在.aspx”和“WebService1.asmx.cs”两个文件即可。PS：请务必添加jquery-1.10.2.js文件。
Ajax异步检查用户名是否存在，一个简单的小实例，是从整个系统中择出来，如果有什么多余代码，直接忽略
AJAX无刷新验证用户名是否存在 无刷新检验用户名是否存在
jquery ajax验证用户名是否存在几种方式，包括text,json,xml
NULL 博文链接：https://notadoor.iteye.com/blog/342392
Ajax用户注册判断用户名是否存在
Ajax验证用户名已存在
Ajax实时验证用户名邮箱等是否已经存在,更多免费资源的下载地址： http://download.csdn.net/user/php_fly
SSH整合AJAX验证用户名存在的完整实例 把hibernate里面数据库的登陆密码改成自己数据库的登陆密码就可以运行了
这个是hibernate集成struts连接Oracle数据库，Ajax请求服务器，验证用户名是否存在问题