复用性代码之AJAX的建立

function checkUsername(){

// 得到文件框值:

var username = document.getElementById("username").value;

// 1.建立异步交互对象

var xhr = createXmlHttp();

// 2.设置监听

xhr.onreadystatechange = function(){

if(xhr.readyState == 4){

if(xhr.status == 200){

document.getElementById("span1").innerHTML = xhr.responseText;

}

}

}

// 3.打开链接（防止缓存）

xhr.open("GET","${pageContext.request.contextPath}/user_findByName.action?time="+new Date().getTime()+"&username="+username,true);

// 4.发送

xhr.send(null);

}

//建立异步请求对象

function createXmlHttp(){

  var xmlHttp;

  try{

       xmlHttp=new XMLHttpRequest();

   }

   catch (e){

  try{// Internet Explorer

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

     }

   catch (e){

     try{

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

     }

     catch (e){}

     }

   }

return xmlHttp;

}