ajax 校验

最新推荐文章于 2021-05-08 11:58:06 发布

老帽爬新坡

最新推荐文章于 2021-05-08 11:58:06 发布

阅读量521

点赞数

分类专栏： jQuery 文章标签： ajax xmlhttprequest callback 浏览器引擎 function

jQuery 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

ajax_engine.js文件 
---------------------------- 
//自定义AJAX引擎 
var http_request=false; 

//初始化XMLHttpRequest对象 
//浏览器的UI就是通过该对象与Ajax引擎打交道 
function initXMLHttpRequest(){ 

if(window.XMLHttpRequest){ 
//Mozilla浏览器 
http_request=new XMLHttpRequest(); 

if(http_request.overrideMineType){ 
//防止某些版本的Mozilla浏览器处理没有Mine Type信息的 
//内容出错. 
http_request.overrideMineType("text/xml"); 
} 
} 
else if(window.ActiveXObject){ 
//IE浏览器 
try{ 
//IE6或更高版本 
http_request=new ActiveXObject("Msxml2.XMLHTTP"); 
}catch(e){ 
//IE5.x 

http_request=new ActiveXObject("Microsoft.XMLHTTP"); 

} 

} 
} 



========================================== 
reg.html页面 
--------------------------- 
<html> 
<head> 
<title>自定义AJAX引擎:用户注册</title> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<script src="ajax_engine.js"></script> 
<script type="text/javascript"> 
function checkUser(){ 
var username=document.getElementById("username").value; 
//初始化XMLHttpRequest对象 
initXMLHttpRequest(); 
//设置回调函数 
http_request.onreadystatechange=callBack; 

//使用AJAX引擎的核心对象发送请求 
http_request.open("GET","checkUser.jsp?username="+username,true); 
http_request.send(null); 
} 
function callBack(){ 
//AJAX引擎在服务器端成功返回后自动调用该函数 
//负责将服务器端返回的数据显示在客户的UI上 
if(http_request.readyState==4){ 
//服务器端已经处理完成 

if(http_request.status==200){ 
//服务器端处理成功 
var errMsg=document.getElementById("errMsg"); 
errMsg.innerHTML=http_request.responseText; 

}else{ 
alert("大事不好了!"); 
} 

} 
} 
</script> 
</head> 

<body> 
<center> 
<table border=1> 
<tr> 
<td> 
用户名: 
</td> 
<td> 
<input type="text" id="username" name="username" οnblur="checkUser()"/> 
<span id="errMsg"></span> 
</td> 
</tr> 
<tr> 
<td> 
密码: 
</td> 
<td> 
<input type="password" id="password" name="password"/> 
</td> 
</tr> 
<tr> 
<td align=center colspan=2> 
<input type="submit" value="注册" /> 
</td> 
</tr> 
</table> 
</center> 
</body> 
</html> 
========================================================\\ 
========================================================== 
checkUser.jsp页面，可以写查询数据库的页面 
<%@ page pageEncoding="utf-8"%> 
<% 
String username = request.getParameter("username"); 

//... 
if (username != null) { 
if (username.equals("kingjw0116")) 
out.println(username + "用户已经存在,请重新输入用户名!"); 
else 
out.println(""); 
} 
%>

老帽爬新坡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 校验

ajax_engine.js文件 ---------------------------- //自定义AJAX引擎 var http_request=false; //初始化XMLHttpRequest对象 //浏览器的UI就是通过该对象与Ajax引擎打交
复制链接

扫一扫

专栏目录