<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="Default5" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>无标题页</title>
<script language="javascript">
function check()
{
//第一步:获得要验证的值
var url = "Default6.aspx?userName="+document.form1.txtName.value;
//第二部:跨浏览器创建XMLHttpRequest对象
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
if (xmlhttp.overrideMimeType)
{
xmlhttp.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject)
{
try
{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
}
}
}
//第三步:设置服务器完成处理后要运行的函数
xmlhttp.onreadystatechange=function()
{
if (4==xmlhttp.readyState)
{
if (200==xmlhttp.status)
{
//接受验证结果
var result=xmlhttp.responseText;
if(result=="true")
{
document.form1.txtShow.value="用户名验证成功!";
}
else
{
document.form1.txtShow.value="用户名验证失败!";
}
}
}
}
//第四步:打开服务器链接 有两种方式
//提交方法一:Get提交
xmlhttp.open("GET",url,true);
//提交方式二:Post提交 需要如下设置http头
//xmlhttp.open("POST", url, true);
//xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//第五步:发送请求
xmlhttp.send(null);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div style="text-align: center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right" style="width: 100px; height: 19px">
用户名:</td>
<td style="width: 100px; height: 19px">
<input id="txtName" type="text" onblur="check();"/></td>
<td style="width: 100px; height: 19px">
</td>
</tr>
<tr>
<td align="right" style="width: 100px">
密 码:</td>
<td style="width: 100px">
<asp:TextBox ID="txtPwd" runat="server"></asp:TextBox></td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
<input id="txtShow" type="text" /></td>
<td style="width: 100px">
</td>
</tr>
</table>
</div>
</div>
</form>
</body>
</html>
来自:http://www.ajaxsamples.cn/html/6241.html