首页 > 代码库 > AJAX的基础

AJAX的基础

AJAX应用到的技术:

  1:AJAX的全称是Asynchronous JavaScript And XML

  2: AJAX涉及到7种技术其中(Javascript、XMLHttpRequest、Dom、XML)是最为重要

  3:XMLHttpRequest对象

    (1):创建XMLHttpRequest对象

      例:var xmlHttp;     //定义全局变量

        function getXmlHttp(){  //封装函数

             //判断是否是IE浏览器

            if(window.ActiveXObject){

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

            }else if(window.XMLHttpRequest){

             xmlHttp = new XMLHttpRequest(); 

          }

      }  

 

      function sendParam(url){    

           getXmlHttp();  //调用函数

           //用get提交:

               xmlHttp.open("GET","check.php?user="+url,true); //向服务器提交数据

                 (解释:check.php?:是到php里面验证)

          //用post提交必须要写:

               setRequestHeader("Content-Type","application/x-www-form-urlencoded");    

          

            xmlHttp.onreadystatechange = getTxt;    

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

}

 

          //在界面上显示的资料

            function getTxt(){      

                if(xmlHttp.readyState == 4){       

                      if(xmlHttp.status == 200){  // 服务器返回信息后,需判断返回的HTTP状态码,确定返回的页面没有错误,200代表页面正常。

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

                      sp.innerHTML = xmlHttp.responseText;  

                       }   

                }

           }

      onreadystatechange:状态改变的事件触发器

      readyState:对象状态(integer):0=未初始化,1=读取中,2=已读取,3=交互中,4=完成

      status:服务器返回的状态码,如404=“文件未找到”、200=“成功”

      responseText:将传回的信息当字符串使用