这是一个简单的例子，所以直接发送代码

静态页面ajax.html

复制代码代码如下所示：


Ajax

功能loadxmldoc（）{
如果（document.getelementbyid（客户）{。值= = ）
document.getelementbyid（accdiv ）.innerHTML =用户名不能为空；
返回；
}
VaR技术；
如果（窗口。XMLHttpRequest）{ / /代码IE7 +
XMLHTTP =新的XMLHttpRequest（）；
}
别的IE5 / / /代码IE6 {
XMLHTTP =新的ActiveX对象（微软。XMLHTTP ）；
}

xmlhttp.onreadystatechange =函数（）{
如果（xmlhttp.readystate = = 4 { xmlhttp.status = = 200）
/ / document.getelementbyid（mydiv ）.innerHTML = xmlHttp.responseText；
如果（xmlHttp.responseText = = true）{
document.getelementbyid（accdiv ）.innerHTML =用户名不可用；
}
{其他
document.getelementbyid（accdiv ）.innerHTML =用户名可用；
}
}
}
创建一个document.getelementbyid（客户）的价值；

XmlHttp.open（
XmlHttp.send（）；
}
功能deldata（）{
document.getelementbyid（帐户）。值= ；
document.getelementbyid（accdiv ）.innerHTML = ；
}



Ajax


帐号 uff1a


uff1a密码


确认密码：


姓名 uff1a






当帐户输入框失去焦点时调用函数

访问服务器使用get方法，因此使用额外的随机代码避免参数缓存。

验证页面validate.aspx背景代码：

复制代码代码如下所示：
使用系统；
使用system.collections.generic；
使用LINQ系统；
使用系统；
使用system.web.ui；
使用system.web.ui.webcontrols；
系统配置使用；
使用system.data.sql；
使用system.data.sqlclient；

公共部分类ajax_validate_validate：system.web.ui.page
{
公共SqlConnection conn；

protected void page_load（object sender，EventArgs e）
{
反应清楚（）；
如果（存在（请求。QueryString {帐户））））
响应。写入（）；
其他的
响应。写入（false）；
响应（完）；
}
X
只需获取数据库连接
X
X
保护SqlConnection getConnection（）
{
字符串str = ConfigurationManager。connectionStrings {ConnectionString}。连接字符串；
conn =新的SqlConnection（STR）；
返回连接；
}
保护布尔存在（帐户）
{
使用（getConnection（））
{
尝试
{
康涅狄格州开放（）；
字符串sqlstr =select count（*）从用户信息，账户=++帐户；
SqlCommand命令=新SqlCommand（sqlstr，Conn）；
行= convert.toint32（cmd.executescalar（））；
如果（行> 0）
返回true；
其他的
返回false；
}
catch（例外E）
{
把E；
}
最后
{
Conn. Close（）；
}
}
}
}


验证用户名是否已在后台数据库中存在，并返回true或false

运行结果：



数据库是简单，只有一个相关表建立的，与3个领域：帐户，密码，和名字

注意：当数据写入到请求页面的背景，写作后要发送的数据，我们需要打电话给Response.end（）方法来终止写作，否则，我们可能在过去发送一个完整的页面。