用ajax来实现鼠标离开时无刷新判断用户名是否存!

DTSpark_2017 2009-09-29 12:29:05

用ajax来实现鼠标离开时无刷新判断用户名是否存!谁有好的代码贴上来！

...全文

228 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

rjzou2006 2009-10-07

打赏
举报

http://download.csdn.net/source/1337226

鲜为人知 2009-10-05

打赏
举报

假期好无聊啊，放量假如怎么变懒了呢

杨柳兄 2009-10-04

打赏
举报

学习学习，最好是Asp.Net

lovebin_bin 2009-09-29

打赏
举报

学习学习

木木水夕 2009-09-29

打赏
举报

主要思想：鼠标离开时触发一个事件，该事件对应一个函数，这个函数实现的功能就是想服务发出请求判断用户名密码是否正确，个人觉得一楼的方法是Ajax的实现，但是如果使用jQuery框架，这个问题就很容易解决，就不用再创建httpxmlrequest对象，代码相对来说减少了很多。

斯洛文尼亚旅游 2009-09-29

打赏
举报

ajax检测用户名是否存在

itrefer 2009-09-29

打赏
举报

路过

hookee 2009-09-29

打赏
举报



<script>

var http_request;

var b = false;

function createXMLHttpRequest(){ 

    http_request = false; 



    if(window.XMLHttpRequest) {

        try{ 

            http_request = new XMLHttpRequest(); 

        }catch(e){ http_request = false; } 

    } 

    else if (window.ActiveXObject) {

        try { 

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

        } catch (e) { 

            try { 

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

            } catch (e) { http_request = false;  } 

        } 

    } 

    return http_request; 

} 



function check(){

	if(b) return;

	b = true;

	var url = "test1.asp?n=" + escape(document.forms[0].username.value) + "&" + escape(new Date()) 

	http_request.onreadystatechange = processRequest;

    http_request.open("GET", url, true); 

    http_request.send();

}



function processRequest(){

	if (http_request.readyState == 4) {

        if (http_request.status == 200) {

        	b = false;

        	var n = http_request.responseText;

        	if(n=="1") document.getElementById("pad").innerHTML = "用户名已经存在";

        	else document.getElementById("pad").innerHTML = "用户名可以用";

        }

    }

}



window.onload=function(){

   	http_request = createXMLHttpRequest();

}

</script> 

<form>

<input type="text" name="username" value="123" onblur="check()"><span id="pad"></span>

</form>

test1.asp



<%

username= Trim(Request("n"))

'查数据库略

If username="123" Then

	Response.Write "1"

Else

	Response.Write "0"

End If

%>

dbadao 2009-09-29

打赏
举报

JSP页面：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>title</title>

<script language="JavaScript" src="scripts/codeCheck.js"></script>

</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

	<form name="form1" id="form1">

 <table width="750" border="0" align="center" cellpadding="5" cellspacing="1">

   <tr><td><div align="left" id="code" style="color:red"></div></td></tr>

 </table>



 <table width="750" border="0" align="center" cellpadding="5" cellspacing="1">

   <tr>

     <td width="23%" class="table-tr-bgcolor">编号：</td>

     <td width="28%" class="table-tr-hand" align="left">

     	<input name="code" type="text" class="txtarea" onBlur="javascript:this.className='txtarea';getCheckCode();" size="20"><span class="xing">*</span></td>

   </tr>

 </table>

</form>

</body>

</html>

JS:



	var request = false; 

	   function createXMLHttpRequest()

	   {

	   try { 

	     request = new XMLHttpRequest(); 

	   } catch (trymicrosoft) { 

	     try { 

	       request = new ActiveXObject("Msxml2.XMLHTTP"); 

	     } catch (othermicrosoft) { 

	       try { 

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

	       } catch (failed) { 

	         request = false; 

	       }   

	     } 

	   } 

	   if (!request) 

	     alert("Error initializing XMLHttpRequest!"); 

	   }

	   function getCheckCode() { 

	     var code = document.forms[0].code.value;

	     var funcName = document.forms[0].funcName.value;

		if(code != ''){

		    var url = "***.do?method=checkCode&code="+code;

		     createXMLHttpRequest();

		     request.open("GET", url, true); 

		     request.setRequestHeader("content-type","text/html");

		     request.onreadystatechange = updatePage; 

		     request.send(null);

		 }

	   } 

	

		function updatePage()

		{	

			if(request.readyState == 4){

				//判断http的交互是否成功

				if(request.status == 200){

					//截获服务器端返回的数据

					var responseText = request.responseText;

					var divCode = document.getElementById("code");

					divCode.innerHTML = responseText;

				}

			}

		}