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);

    }

时间: 2024-12-29 23:47:56