如题所述
.net版的
function aaa(){$.ajax({
type: "get", //请求的类型
url: "Handler1.ashx", //访问的服务器资源
dataType: "html", //可以是xml、json、html等，默认为html
data: 'uname='+$("#name").val(), //发送请求时，携带的参数
success: function(returnvalue){
alert(returnvalue);
}
});
}
文本框onblur事件去执行aaa()
Handler1.ashx文件中的代码，直接查询，然后返回结果就行
温馨提示：答案为网友推荐，仅供参考
第1个回答 2013-06-12
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkUserName(txtValue) {
if( txtValue !="hello")
alert("you are wrong");
return false;
}
var xmlHttp
function checkUserName(str)
{
if (str.length==0)
{
document.getElementByIdx("showResult").innerHTML="";
return;
}
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url="checkUsername.php";
url=url+"?q="+str;
//url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementByIdx("showResult").innerHTML=xmlHttp.responseText;
} else {document.getElementByIdx("showResult").innerHTML = 'checking...';}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<form id="thisform" method="post">
<fieldset>
<legend>Register</legend>
<p><label for="name" accesskey="9" >Name:</label><br />
<input type="text" id="name" name="name" tabindex="1" onblur="checkUserName(this.value)"/><span id="showResult"></span></p>
<p><label for="email">Email:</label><br />
<input type="text" id="email" name="email" tabindex="2" /></p>
<p><input type="submit" value="submit" tabindex="4" /></p>
</fieldset>
</form>
</BODY>
</HTML>
checkUsername.php 源代码如下：
<?php
$userList = array('susan','mary','tina','kevin','john','cherry');
$userName = $_GET['q'];
$i = array_search($userName,$userList);
if(is_int($i)) {
echo "<strong style='color:red'>This name have been registered!</strong>";
} else {
echo "<strong style='color:green'>congratulation!you can use it!</strong>";
}
?>
这里有详细的方式
<!--
function checkUserName(txtValue) {
if( txtValue !="hello")
alert("you are wrong");
return false;
}
var xmlHttp
function checkUserName(str)
{
if (str.length==0)
{
document.getElementByIdx("showResult").innerHTML="";
return;
}
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url="checkUsername.php";
url=url+"?q="+str;
//url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementByIdx("showResult").innerHTML=xmlHttp.responseText;
} else {document.getElementByIdx("showResult").innerHTML = 'checking...';}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<form id="thisform" method="post">
<fieldset>
<legend>Register</legend>
<p><label for="name" accesskey="9" >Name:</label><br />
<input type="text" id="name" name="name" tabindex="1" onblur="checkUserName(this.value)"/><span id="showResult"></span></p>
<p><label for="email">Email:</label><br />
<input type="text" id="email" name="email" tabindex="2" /></p>
<p><input type="submit" value="submit" tabindex="4" /></p>
</fieldset>
</form>
</BODY>
</HTML>
checkUsername.php 源代码如下：
<?php
$userList = array('susan','mary','tina','kevin','john','cherry');
$userName = $_GET['q'];
$i = array_search($userName,$userList);
if(is_int($i)) {
echo "<strong style='color:red'>This name have been registered!</strong>";
} else {
echo "<strong style='color:green'>congratulation!you can use it!</strong>";
}
?>
这里有详细的方式
