AJAX2014-5-9的总结

AJAX的知识：

　　XmlHttp.open():其实也就是链接到一个后台程序，把值传递过去；

　　XmlHttp.send(null)  //注意：open()方法就是仅仅只是打开链接，并没有传值过来，所以需要send方法

例:

　　　　var xmlHttp;

　　　　function sendParam(){   

 　　　　　　 //先获取对象    

　　　　　　if(window.ActiveXObject){        

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

   　　　　　}else if(window.XMLHttpRequest){        

　　　　　　　　　　xmlHttp = new XMLHttpRequest();   

 　　　　　 }

    　　　　　　if(!xmlHttp){      

   　　　　　　　　　　alert("没有获取到对象!");       

 　　　　　　　　　　  return;    

　　　　　　}    

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

   　　　　　//由于javascript是没有办法连接数据库的，所以，需要通过后台语言    

　　　　　　//结合来连接数据库,那么这里就是把js从界面获取的值，传递给后台程序      

  　　　　　//这其实是第一步

   　　　     xmlHttp.open("GET","check2.php?userName="+userName,true);

   　　　　  //是第三步    

　　　　　  //一步是一个回调函数，回调函数其实就和打电话叫别人代办一件事情是一个意思    

　　　　　  //个回调函数其实就是状态改变的时候，js应该做什么事情  

 　　　　　  xmlHttp.onreadystatechange = function(){    

   　　　　　　　　  if(xmlHttp.readyState == 4){    

     　　　　　　　　    if(xmlHttp.status == 200){             

   　　　　　　　　　　 var txt = xmlHttp.responseText;           

    　　　　　　　　　　var tishi = document.getElementById("tishi");           

    　　　　　　　　　　if(txt == "1"){               

    　　　　　　　　　　  tishi.innerHTML = "用户已经被注册,请选用其他用户名";          

          　　　　　　　　 tishi.style.cssText = "font-size:16px;color:red;background:#ccc;display:block";       

       　　　　　　　　   }else{           

          　　　　　　　　　      tishi.innerHTML = "用户可以注册";              

      　　　　　　　　　　　　 tishi.style.cssText = "font-size:16px;color:green;background:#ccc;display:block";         

       　　　　　　　　 }          

  　　　　　　　　 }        

　　　　　　　　}    

　　　　　　}

  　　　　　　　　 //这是第二步     xmlHttp.send(null);

　　　　}

AJAX2014-5-9的总结,布布扣,bubuko.com

AJAX2014-5-9的总结

原文：http://www.cnblogs.com/zouxueling/p/3719626.html