关于ajax验证用户名是否可用的信息

最新推荐文章于 2024-12-14 08:23:55 发布

转载最新推荐文章于 2024-12-14 08:23:55 发布 · 696 阅读

Java学习笔记专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个使用Ajax实现的简单图书名称验证示例。该示例通过前端JavaScript与后端servlet交互，检查输入的图书名称是否已被使用。若名称可用，则向用户发送提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript">


function checkBookExists(){
	var fname = document.getElementById("fileName");
	if(fname.value.length==""){
		alert("木有任何輸入");
		fname.focus();
		return false;
	}else{
		doAjax();
	}


}


function createXMLHttpRequest(){
	 //创建XMLHttpRequest对象
    
    if(window.XMLHttpRequest){
      //针对FireFox,Mozillar,Opera,Safari,IE7,IE8
       xmlhttp = new XMLHttpRequest();
       
       //对某些特定版本的mozillar浏览器的bug进行修正
       if(xmlhttp.overrideMineType){
          xmlhttp.overrideMineType("text/xml");
       }
    }else if(window.ActiveXObject){
       //针对IE5，IE5.5，IE6
       
       //两个可以用于创建XMLHTTPRequest对象的控件名称。保存在一个JS数组中。
       var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
       for(var i = 0; i<activeName.length; i++){
           //取出一个控件名进行创建，如果成功就终止循环
           try{
              xmlhttp = new ActiveXObject(activexName[i]);
              break;
           }catch(e){}
       }       
       
    }
    if(xmlhttp){
       return xmlhttp;
    }else{
       alert("XMLHttpRequest对象创建失败！");
    }
}


var xmlHttp;
//提交请求数据
function doAjax(){
	
	var fname = document.getElementById("fileName").value;
	xmlHttp = createXMLHttpRequest();
	alert(xmlHttp);
	if(xmlHttp!=null){
		xmlHttp.onreadystatechange=processRequest;
		xmlHttp.open("get","Validation?fname="+fname,true);
		xmlHttp.send(null);
		
	}else{
		alert("adfs");
	}
}


function processRequest(){
	if(xmlHttp.readyState == 4){
	
		if(xmlHttp.status ==200){
			var b = xmlHttp.responseText.trim();
			if(b=="1"){
			   alert("可用");
			}else{
				  alert("可用");
			}
		}else{
	      alert("请求处理返回的数据有错误！");
	      alert(xmlHttp.status);
	   }
	}
}
</script>
</head>
<body>
	<form>
	
	<input type="text" id="fileName" name="fileName" onblur="checkBookExists()"/>
	<input type="text" name="password"/>
	</form>


</body>
</html>

只是通过一个简单的servlet的doGet方法向客户端输出一个1来判断是否可用..如果可用就alert出来..如果不可用也alert出来...对以后应该会有帮助..先记下来再说..