初识Ajax技术2

 实现注册界面无刷新判断重名，由于要访问数据库，所以要达到无刷新，只能用Ajax技术。
 其中最重要的就是xmlHttp对象。
XmlHttp是什么？
最通用的定义为：XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。
来自MSDN的解释：XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用微软XML文档对象模型Microsoft® XML Document Object Model (DOM)处理回应。
现在的绝对多数浏览器都增加了对XmlHttp的支持，IE中使用ActiveXObject方式创建XmlHttp对象，其他浏览器如：Firefox、Opera等通过window.XMLHttpRequest来创建xmlhttp对象。
 在操作页的前台代码中 <input  ID="tbUserName" type="text"   onblur ="tbUserName_onBlue(this.value)">
 使用html文本框，即客户端控件 触发他的onblur事件调用js函数。
 在js文件中定义该函数
 // JavaScript Document
var xmlHttp;//全局XMLHttpResquest对象
//针对不同浏览器，获取XMLHttpRequest对象
function CreateXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlHttp=new XMLHttpResquest();
}
}
//离开tbUserName时调用的JS函数
function tbUserName_onBlue(name)
{
//创建XMLHTTPRquest对象
CreateXMLHttpRequest();

//指定回调函数
xmlHttp.onreadystatechange=HandleStateChange;

//打开请求
xmlHttp.open("GET","ForAjax.aspx?name=" + name,true);

//发送请求
xmlHttp.send(null);

}
//回调函数
function HandleStateChange()
{

if(xmlHttp.readyState==4) //返回当前请求的状态，只读
{
if(xmlHttp.status==200) //返回当前请求的http状态码.只读
{
//responseText为接收服务器发过来的值

if(xmlHttp.responseText=="wrong1")
{
document.getElementById("sp1").innerText ="用户名不能为空！";
document.getEl